Javascript 使用jQuery作为同级元素而不是子元素进行追加

我似乎找不到我想要的功能。我需要将一些DOM元素作为兄弟元素附加到断开连接的节点

看起来很直截了当，根据jQuery文档，我应该可以使用.after（）或.add（）来实现这一点，但这两个词都不能：

var $set = $('<div class="parent"></div>');
    $set.add('<div class="child"></div>');
    $set.add('<div class="child"></div>');
    $set.add('<div class="child"></div>');
$('body').append($set);

var$set=$（''）；
$set.add（“”）；
$set.add（“”）；
$set.add（“”）；
$（'body'）。追加（$set）；

及

如果我使用.add（）链接它们，它会起作用：

$（“”）
.加入（“”）
.加入（“”）
.加入（“”）
.附于（“主体”）；

但是不能使用.after（），在我的应用程序中，我没有链接它们的选项。我该怎么做

---

已编辑以修复类/id问题。

set不会更新变量

var $set = $('<div id="parent">0</div>');
$set = $set.add('<div id="child1">1</div>');
$set = $set.add('<div id="child2">2</div>');
$set = $set.add('<div id="child3">3</div>');
$('body').append($set);

var$set=$（'0'）；
$set=$set.add（'1'）；
$set=$set.add（'2'）；
$set=$set.add（'3'）；
$（'body'）。追加（$set）；

链接之所以有效，是因为要将它们添加到同一对象

var $set = $('<div id="parent">0</div>')          //first element
               .add('<div id="child1">1</div>')   //second element in object
               .add('<div id="child2">2</div>')   //third
               .add('<div id="child3">3</div>');  //fourth
$('body').append($set);

var$set=$（'0'）//第一个元素
.add（'1'）//对象中的第二个元素
.add（'2'）//第三个
.添加（'3'）//第四
$（'body'）。追加（$set）；

但是add并不是将其添加到父级。当您附加它时，它将其添加为“兄弟”

<parent />
<child1 />
<child2 />
<child3 />

如果希望“child”元素是“parent”的子元素，则需要使用append

var $set = $('<div id="parent">0</div>');
$set.append('<div id="child1">1</div>');
$set.append('<div id="child2">2</div>');
$set.append('<div id="child3">3</div>');
$('body').append($set);

var$set=$（'0'）；
$set.append（'1'）；
$set.append（'2'）；
$set.append（'3'）；
$（'body'）。追加（$set）；

导致

<parent>
    <child1 />
    <child2 />
    <child3 />
</parent>

---

集合不会更新变量

var $set = $('<div id="parent">0</div>');
$set = $set.add('<div id="child1">1</div>');
$set = $set.add('<div id="child2">2</div>');
$set = $set.add('<div id="child3">3</div>');
$('body').append($set);

var$set=$（'0'）；
$set=$set.add（'1'）；
$set=$set.add（'2'）；
$set=$set.add（'3'）；
$（'body'）。追加（$set）；

链接之所以有效，是因为要将它们添加到同一对象

var $set = $('<div id="parent">0</div>')          //first element
               .add('<div id="child1">1</div>')   //second element in object
               .add('<div id="child2">2</div>')   //third
               .add('<div id="child3">3</div>');  //fourth
$('body').append($set);

var$set=$（'0'）//第一个元素
.add（'1'）//对象中的第二个元素
.add（'2'）//第三个
.添加（'3'）//第四
$（'body'）。追加（$set）；

但是add并不是将其添加到父级。当您附加它时，它将其添加为“兄弟”

<parent />
<child1 />
<child2 />
<child3 />

如果希望“child”元素是“parent”的子元素，则需要使用append

var $set = $('<div id="parent">0</div>');
$set.append('<div id="child1">1</div>');
$set.append('<div id="child2">2</div>');
$set.append('<div id="child3">3</div>');
$('body').append($set);

var$set=$（'0'）；
$set.append（'1'）；
$set.append（'2'）；
$set.append（'3'）；
$（'body'）。追加（$set）；

导致

<parent>
    <child1 />
    <child2 />
    <child3 />
</parent>

您不能有重复的id，这将导致不稳定的行为。话虽如此，你还是错了。您不是以这种方式构建一组子对象，所以当您在末尾测试$set时，它会返回什么？看看这个-

$（''）.appendTo（$set）

或

$set.append（“”）。jQuery
add
只需将另一个jQuery对象添加到jQuery对象中（就像将列表附加到列表中）。
add
的返回值是组合的集合。您不能有重复的id，这将导致不可靠的行为。话虽如此，你还是错了。您不是以这种方式构建一组子对象，所以当您在末尾测试$set时，它会返回什么？看看这个-
$（''）.appendTo（$set）
或
$set.append（“”）。jQuery
add
只需将另一个jQuery对象添加到jQuery对象中（就像将列表附加到列表中）。
add
的返回值是组合的集合。