JQuery追加父分区中的所有子分区

Question

我有一个按钮，点击后会附加HTML块。我想附加它的所有子元素，但它只会附加块内的第一个子元素。如何添加它的所有子元素？

JS Fiddle

$('#layout-two-columns').click(function() {
var toAppend=$('#appendTwoColumns').children().eq(0);
toAppend.clone().insertBefore('#layout-container');
});

HTML

<div class="hidden" id="appendTwoColumns">
<div class="col-md-6 layout-fullwidth text-center m-y-10">
<p>
Block 1
</p>
</div>
<div class="col-md-6 layout-fullwidth text-center m-y-10">
<p>
Block 2
</p>
</div>
</div>

Answer 1

Remove eq(0(这只是选择该元素在0索引上的第一个子元素。

$('#layout-two-columns').click(function() {
var toAppend=$('#appendTwoColumns').children();
toAppend.clone().insertBefore('#layout-container');
});

Answer 2

移除eq(0(形式var toAppend=$('#appendTwoColumns'(.children((.eq(0(

更正后的代码：var toAppend=$('#appendTwoColumns'(.children((，你就可以出发了。

注意：给定一个表示一组DOM元素的jQuery对象，.eq((方法从该集合中的一个元素构造一个新的jQuery。提供的索引标识该元素在集合中的位置。