例如,假设我有
<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()等…
