在jQuery中插入多个元素

Question

var group1 = $('#coach-group-group1');
var group2Title = $('#title-group2').clone();
group2Title.remove();
var group2 = $('#coach-group-group2').clone();
group2.remove();
$(group2, group2Title).insertAfter(group1);

..似乎不起作用，它只插入提供的两个元素中的第一个，而不是第二个，并且控制台中也没有错误。

如何使用insertAfter依次按顺序插入多个元素？

Answer 1

$(group2, group2Title)不会创建一组两个DOM元素。第二个参数is usually the context，其中第一个参数被计算，但如果第一个参数不是选择器，那么第二个参数将被忽略。

您似乎在寻找.add：

group2.add(group2Title).inserAfter(...);

DEMO

但我认为如果您使用.after：

，您的意图会更清晰

group1.after(group2, group2Title);

---

FWIW，在这些元素上调用.remove是没有意义的，因为它们不在文档中。