Question

我有一个订购零件的表格（id，descr，amount）。但是一个订单可以由多个部分组成，所以我想创建一个按钮，动态添加具有唯一名称/ id的额外字段，以便我可以在PHP中访问它们。

理想情况下，我想在添加元素名称的末尾添加1,2,3等。问题是我现在不知道如何选择特定的添加元素。

我简化了代码，因为如果我有这个字段的解决方案，其他字段可以修复相同。

var i = 0;

$('#addfields').click(function(){
    $('#tablerow').after('<tr><td>Article id</td>' +
                     '<td><input class=article_id type=text></td></tr>');

    $('.article_id').each(function(){
        $(this).attr('name', 'articleid' + i);
        i++;
    });

Answer 1

jQuery.each使用参数index调用回调。使用它。

$('.article_id').each(function(index, value) {
    this.name = 'articleid' + index;
});

Answer 2

如果没有jQuery（这会更快一些），你可以轻松地做到这一点。

var articles = document.getElementsByClassName("article_id");

for (var i=0; i<articles.length; i++) {
    articles[i].name = "articleid" + (i+1);
}

如何将增量计数器添加到每个新元素的名称

2 个答案: