jquery - 在 jQuery 中，我如何添加一些东西作为同级？

Question

例如假设我有

<div class="sibling1"></div>
<div class="sibling3"></div>

如何插入

<div class="sibling2"></div>

在上述之间？我尝试过前置，但这使得 child 不是 sibling

Answer 1

在 jQuery 中，有许多不同的选项可用于在特定位置插入内容。 jQuery documentation page for DOM insertion outside an object 中对此进行了很好的描述。 .

要在现有元素之外插入内容(例如不是子元素)，但相对于该对象定位，您有四个选项，如 jQuery doc 所示。截图:

前两个和后两个之间的区别仅在于参数是什么。对于前两个，插入位置在 jQuery 对象中，内容在函数参数中。对于后两个，要插入的内容位于 jQuery 对象中，目标位于函数参数中。由于多个函数调用的链接，有时其中一个更方便。

如您所见，这使您可以在现有对象之前或之后插入内容(这将使其成为该对象的同级对象)。

如果您希望它成为该对象的子对象，那么您可以使用 six jQuery methods 中的任何一个可以设置/更改内部内容，包括 .append()、.appendTo()、.html() 等...