jquery 每列增加3个不同名字的input并赋值
时间: 2024-06-11 14:10:46 浏览: 114
假设你有一个表格,其中有3列,每列的class为"column",你可以使用以下代码来为每列增加3个不同名字的input并赋值:
```
$(document).ready(function() {
$(".column").each(function(index) {
for (var i = 1; i <= 3; i++) {
var input = $("<input>");
input.attr("type", "text");
input.attr("name", "input_" + index + "_" + i);
input.val("Value " + index + "_" + i);
$(this).append(input);
}
});
});
```
解释一下代码:
- $(document).ready(function() {...}) 表示在文档加载完成后执行代码;
- $(".column").each(function(index) {...}) 表示对每个class为"column"的元素都执行一遍函数,其中index表示当前元素的索引;
- for (var i = 1; i <= 3; i++) {...} 表示循环3次,每次执行一遍函数;
- var input = $("<input>"); 表示创建一个input元素,并将其赋值给input变量;
- input.attr("type", "text"); 表示为input元素添加一个type属性,值为"text",即创建一个文本输入框;
- input.attr("name", "input_" + index + "_" + i); 表示为input元素添加一个name属性,值为"input_" + index + "_" + i,其中index和i分别表示当前列的索引和当前input的索引;
- input.val("Value " + index + "_" + i); 表示为input元素设置一个初始值,值为"Value " + index + "_" + i,其中index和i分别表示当前列的索引和当前input的索引;
- $(this).append(input); 表示将input元素添加到当前列中。
阅读全文