Jquery 使用数据属性克隆Div并将其附加到Div
这可能吗 我的主div内部有一个div,我克隆了它并为每个克隆的元素分配了一个唯一的数据属性。这些克隆的div里面有div,我希望它们也被克隆。那么,我将如何使用Jquery 使用数据属性克隆Div并将其附加到Div,jquery,clone,Jquery,Clone,这可能吗 我的主div内部有一个div,我克隆了它并为每个克隆的元素分配了一个唯一的数据属性。这些克隆的div里面有div,我希望它们也被克隆。那么,我将如何使用.clone()和.appendTo()方法来实现它呢 以下是我的代码的一些部分: <div id="card_grid"> <div class="cards_slot" data-unique="0" id="cards_slot"> <div class="play_cards"&g
.clone()
和.appendTo()
方法来实现它呢
以下是我的代码的一些部分:
<div id="card_grid">
<div class="cards_slot" data-unique="0" id="cards_slot">
<div class="play_cards"></div>
</div>
</div>
jQuery,JavaScript:
//Clone the card slots
for(var i=0;i<=18;i++) {
$(".cards_slot:first-child").clone().appendTo("#card_grid");
}
//Initialize the cards slots' position
$("#card_grid").children().each(function(index) {
$(this).css({
"left" : ($(this).width() + 50) * (index % 5),
"top" : ($(this).height() + 20) * Math.floor(index / 5)
});
var child_position = ($(this).parent().children().index(this));
var element_id = $(this).attr('id');
var new_id = element_id + child_position;
$(this).attr('id', new_id);
$(this).attr('data-unique', child_position);
});
//克隆卡插槽
对于(var i=0;i是的,这是可能的
var $toBeCloned = $(".cards_slot:first-child");
for(var i=0;i<=18;i++) {
var $cloned = $toBeCloned.clone();
$cloned.find('div:first').clone().appendTo($cloned);
$cloned.appendTo("#card_grid");
}
var$toBeCloned=$(“.cards\u slot:first child”);
对于(var i=0;i)当你克隆一个元素时,它的子元素也会被克隆。检查DOM,你会看到克隆的空div子代。@未定义,是的。我真正想做的是克隆我克隆的div中的div。还有什么意义?选择器?我的代码结构错了。我应该先克隆内部div(子级),然后克隆外部div(父级)。