jquery获取父元素方法比较多，比如parent()，parents()，closest()，find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。
$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');
jquery 兄弟节点的获取
<ul>
<li>
<h3 class="title">类目一</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li>
<li>
<h3 class="title">类目二</h3>
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
</li></ul>
比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：
$("title")click(function () { $(this)parent()find('ul')addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:
("title")click(function() { $(this)siblings('ul')addClass('show'); })
子节点怎么获得
$("#tbody1:first-child")
:first-child
匹配第一个子元素
':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，填充问题基础代码。
2、在indexhtml中的<script>标签，输入jquery代码：
$('bb2')click(function () {
$('body')append($(this)parent()find('ccc')text());
});
3、浏览器运行indexhtml页面，点击“click me”的条目，此时会成功打印出“哈哈”的内容。
首先是自己的所有后代： $("#b")find("")
然后是自己的所有弟弟：$("#b")nextAll()
接着是弟弟们的所有后代：$("#b")nextAll()find("")
然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()
最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")
jquery中同级元素即兄弟元素用siblings()获取，子级元素用children()获取，所以可以使用如下代码取同级元素的子级：
$('selector')siblings()children();示例代码：
<html xmlns=";显示效果：
点击孙悟空后，就显示了同级的子级元素，也就是他侄子红孩儿。
以上就是关于用jquery怎么取父节点的兄弟节点全部的内容，包括:用jquery怎么取父节点的兄弟节点、jquery 选择器，如何选择本子元素的父元素下的另一个子元素。、使用jquery查找某个元素之后的所有满足条件元素（包括兄弟节点、子节点和无关节点）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）