上一个兄弟元素: $(this).prev().text()
阿荣ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
下一个兄弟元素: $(this).next().text()
任意兄弟元素: $(this).siblings(".xxx").text()
JQuery中用siblings()方法取兄弟节点的元素。
jQuery.siblings() 是返回兄弟姐妹节点,不分前后。
比如有如下html页面:
!DOCTYPE html
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
/head
body
ul
lilist item 1/li
lilist item 2/li
li class="third-item"list item 3/li
lilist item 4/li
lilist item 5/li
/ul
script
$('li.third-item').siblings().css('background-color', 'red');
/script
/body
/html
运行结果:
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节点对象和内容。
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();//下一个兄弟节点
$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
网页名称:jquery兄弟元素,jquery同辈元素
链接分享:https://www.cdcxhl.com/article32/dsohppc.html
成都网站建设公司_创新互联,为您提供网站改版、虚拟主机、网站排名、定制开发、网站策划、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联