十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$('#id').siblings() 当前元素所有的兄弟节点
创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势,提供专业的网站策划、网站制作、成都网站设计、网站优化、软件开发、网站改版等服务,在成都10年的网站建设设计经验,为成都上千多家中小型企业策划设计了网站。
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
扩展资料
1、jquery 获取元素(父节点,子节点,兄弟节点)
$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子节点
$("#test").children("#test1");
$("#test").contents(); // 返回#test里面的所有内容,包括节点和文本
$("#test").contents("#test1");
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2");
$("#test").find("#test1");
2、元素筛选
// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素
$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)
$("ul li").first(); // 选取ul li中匹配的第一个元素
$("ul li").last(); // 选取ul li中匹配的最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素
1、首先获取要添加的节点的节点,然后创建一个节点,添加到节点的前面。
2、!DOCTYPE htmlhtml head meta charset="utf-8" titleDOM树操作/title script function f1(){。
3、找到狮子狗这个节点 通过id查找到狮子狗节点 var ul=document.getElementById("d1")。
4、/head body !--在ul列表中追加一个蛮王英雄-- 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节点对象和内容。
lt;script type="text/javascript"gt; $(function(){ alert($("input[type='checkbox']").prev().val()); }) lt;/scriptgt;
1.纯js如下:
var s=document.getElementById('id');
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
2.jQuery如下:
$(ele).parent();//父节点
$(ele).prev();//上一个兄弟节点
$(ele).next();//下一个兄弟节点
jquery获取当前节点的前一个节点步骤如下:
1、打开html开发工具,新建一个html代码页面。
2、在html页面创建三个p标签,然后给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jquery.js文件。
4、 在jquery引用库标签后面新建一个script标签,然后在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开,然后点击p标签弹出框就会显示当前点击标签的上一个标签的内容。
用after()或者insertAfter(),就可以实现加入兄弟节点。
在使用after()或者insertAfter(),作为兄弟节点的时候,这两种方法在效果上是一样的。例如$("#button1").after("span内容/span")
$("span内容/span").insertAfter("#button1")
在效果上是相同的,都建立了兄弟节点。