javascript - 添加 id 号不断增加的新元素

Question

我尝试附加一个 id 不断增加的新元素。这是我的尝试，但它总是设置 id 1:

JSFiddle: http://jsfiddle.net/z0qwcuq9/

<div id="main"></div>

for (i = 0; i < 5; i++) { 
    var maxId = 0;
    $("#main .element *[id]").each(function() {
        if(maxId < $(this).attr("id")){ maxId = $(this).attr("id")}
    });
    maxId = maxId + 1;
    $('#main').append('<div class="element" id="'+maxId+'">');
}

顺便问一下:这是附加元素的正确方法还是我必须单独设置类和 id？

Answer 1

您正在重置 for 循环的每次迭代内的值。将变量设置在 for 循环之外，其余的应该可以正常工作:

var maxId = 0;
for (i = 0; i < 5; i++) { 
   //rest code
}

<强> Working Demo