大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
上一个兄弟元素: $(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() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。