在jQuery中,我如何添加一些兄弟姐妹的东西？

例如,假设我有

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

我怎么插入

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

以上之间？我尝试过前置,但这使得孩子不是兄弟姐妹

解决方法

在jQuery中,有许多不同的选项可用于在特定位置插入内容.这一切在 jQuery documentation page for DOM insertion outside an object中都有很好的描述.

要在现有元素(例如,不是子元素)之外插入内容,但相对于该对象定位,您可以在此jQuery doc屏幕截图中显示四个选项：

前两个和后两个之间的区别仅在于哪个参数.对于前两个,插入的位置在jQuery对象中,内容在函数参数中.对于后两个,要插入的内容位于jQuery对象中,目标位于函数参数中.由于多个函数调用的链接,有时一个或另一个更方便.

如您所见,这使您可以在现有对象之前或之后插入内容(这将使其成为该对象的兄弟).

如果您希望它是该对象的子级,那么您可以使用任何可以设置/更改内部内容的six jQuery methods,包括.append(),. appendTo(),. html()等…