如何使用jQuery.clone（）为克隆的DOM元素分配不同的数据属性

使用

$（“#set.item”）.clone（）.appendTo（“.container”）

我可以克隆：

<div style='display:none' id='set'>
    <div class='item' >
        <img class='avatar' src="http://placekitten.com/80/80" />
        <div class='box' data-id='foo'></div>
    </div>
</div>

如何为每个克隆分配不同的

数据-

属性

---

这里有一个

好吧，你只要做这样的事情就行了

for( var i=0; i<3; i++) {
    $("#set .item").clone().attr('clone-id', i).appendTo(".container");
}

for（var i=0；i试试这个：

$(document).ready(function () {
    for (var i = 0; i < 3; i++) {
        var cln = $("#set .item").clone();
        cln.find('.box').attr('data-id', 'foo_' + i);
        cln.appendTo(".container");
    }
    $('.item .box').text(function(){return $(this).attr('data-id')});
});

jQuery对此也有一个特殊的方法

$(document).ready(function () {
    for (var i = 0; i < 3; i++) {
        var cln = $("#set .item").clone();
        cln.find('.box').attr('data-id', 'foo_' + i);
        cln.appendTo(".container");
    }
    $('.item .box').text(function(){return $(this).attr('data-id')});
});

$("#set .item").clone().find('.box').attr('data-id', 'foo_' + i).end().appendTo(".container");