html中怎么动态负值id,如何在HTML5 + Thymeleaf中分配动态ID

HTML

如何分配动态ID，例如person_id_100，person_id_200 ...和child_id_100，child_id_200 ...值100、200是实际的person_id。

我们可以不用jQuery吗？

提前致谢。

使用jquery动态创建具有递增ID的div的可能重复项

@ChaitanyaGadkari谢谢。 但是有可能没有jQuery。 就像id =" person + person_id"。

看看[thymeleaf论坛](forum.thymeleaf.org/)，有一个使用th：each和计数器为输入元素设置id的解决方案。

@GuillermoFernndez。 谢谢。 我将尝试解决方案。

如果您打算变得更认真，则jQuery可能值得学习，但这可以通过一个简单的javascript文件来完成：

//saved as javascript.js

var formId ="searchPersonForm";

var inputArray = [];

for(var x=0;x < 10;x++){

var newId = x*100

var newInput = document.createElement("input")

newInput.id ="person_id_" + newId

inputArray.push(newInput);

}

for(var x=0;x < inputArray.length;x++){

document.getElementById(formId).appendChild(inputArray[x])

console.log(inputArray[x].id)

}

只需在实例化表单后的某个时候在页面中包含脚本即可：

输出：

person_id_0

javascript.js:11 person_id_100

javascript.js:11 person_id_200

javascript.js:11 person_id_300

javascript.js:11 person_id_400

javascript.js:11 person_id_500

javascript.js:11 person_id_600

javascript.js:11 person_id_700

javascript.js:11 person_id_800

javascript.js:11 person_id_900

感谢您详细解释。

NP。 顺便说一句，不确定您是否知道，但是如果您找到答案或评论有帮助，您可以竖起大拇指。