Question

我有一个按钮，它将在单击时附加HTML块。我想附加所有它的子元素，但是它只会附加第一个子元素。如何添加所有子元素？

$('#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

删除eq（0），这只是选择该元素的第一个子元素（索引为0）。

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

Answer 2

从 var toAppend = $（'＃appendTwoColumns'）。children（）。eq（0）;

移除eq（0）形式

更正后的代码： var toAppend = $（'＃appendTwoColumns'）。children（）; ，您很高兴。

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

jQuery追加父Div中的所有子级

2 个答案: