jquery 动态增加多个单元格的inputu并给值,name不同
时间: 2024-05-08 09:16:56 浏览: 85
可以使用jQuery的循环函数,如`$.each()`或`$.map()`,来遍历需要添加的单元格,并动态生成对应的input元素,并为其设置不同的name和value属性。
例如,以下代码演示了如何动态添加两个单元格的input元素,并分别设置它们的name和value属性:
```javascript
$(document).ready(function(){
// 获取需要添加 input 元素的单元格
var cells = $('td');
// 使用 $.each() 遍历单元格,并为其添加 input 元素
$.each(cells, function(index, cell){
// 创建 input 元素
var input = $('<input>').attr({
type: 'text',
name: 'input' + index,
value: 'value' + index
});
// 将 input 元素添加到单元格中
$(cell).append(input);
});
});
```
在上述代码中,我们使用`$('td')`选择了所有的单元格,然后使用`$.each()`遍历了这些单元格,并为每个单元格动态创建了一个input元素,并为其设置了不同的name和value属性。最后,我们将input元素添加到对应的单元格中。
注意,这里的name属性是通过循环计数器`index`来动态生成的,因此每个input元素的name都不同。同理,value属性也是通过计数器来动态生成的,因此每个input元素的value也都不同。
阅读全文