jquery的兄弟元素,jquery兄弟节点
jquery怎么获取当前元素的兄弟元素
$('#id').siblings() 当前元素所有的兄弟节点
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的玛纳斯网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
jQuery获取兄弟元素的各种方法总结
1.next();//获取当前元素的下一个兄弟元素
2.nextAll();//获取当前元素后面所有的兄弟元素
3.prev();//获取当前元素的前一个兄弟元素
4.prevAll();//获取当前元素前面的所有兄弟元素
5.siblings();//获取当前元素的所有兄弟元素
6.children();//获取一个元素的直接子元素,类似于 $(‘ul li’)
7.find();//获取一个元素的某种所有子元素,类似于 $(‘ul li’)
8.parent();//获取当前元素的父元素
参考
jquery中兄弟元素一定是同一类型的吗
不是啊,比如下面的p、h1、a都是兄弟元素:
div
h1.../h1
p.../p
a.../a
/div
JQuery怎么取兄弟元素的值
上一个兄弟元素: $(this).prev().text()
下一个兄弟元素: $(this).next().text()
任意兄弟元素: $(this).siblings(".xxx").text()
JQuery怎么取兄弟元素的值?
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
运行结果:
网站名称:jquery的兄弟元素,jquery兄弟节点
网页URL:http://pwwzsj.com/article/dsiesii.html