jquery如何添加兄弟节点？_IT百科

用after()或者insertAfter()，就可以实现加入兄弟节点。

在使用after()或者insertAfter()，作为兄弟节点的时候，这两种方法在效果上是一样的。例如$("#button1").after("<span>内容</span>")

$("<span>内容</span>").insertAfter("#button1")

在效果上是相同的，都建立了兄弟节点。

1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。

2、<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM树 *** 作</title> <script> function f1(){。

3、找到狮子狗这个节点通过id查找到狮子狗节点 var ul=document.getElementById("d1")。

4、</head> <body>  <ul id="d1"> <li>亚索</li> <li>狮子狗</li> <li>披甲龙龟</li>。

5、 </ul> <input type="button" value="追加蛮王" onclick="f2()" /> </body></html>。

6、在狮子狗节点后追加一个<li>蛮王</li> a.找到狮子狗这个节点通过id查找到狮子狗节点 var li=document.getElementById("l1") b.创建<li>蛮王</li>节点对象和内容。

$('#id').siblings() 当前元素所有的兄弟节点

$('#id').prev() 当前元素前一个兄弟节点

$('#id').prevaAll() 当前元素之前所有的兄弟节点

$('#id').next() 当前元素之后第一个兄弟节点

$('#id').nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

欢迎分享，转载请注明来源：内存溢出

jquery如何添加兄弟节点？