jquery获取兄弟节点方法示例

发布时间:2020-09-19编辑:脚本学堂
jquery获取兄弟节点,jquery取得兄弟节点的方法,jquery 兄弟节点的获取示例,有需要的朋友参考下。

例子,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。

方法2,使用 siblings() 函数:
 

(".title").click(function() { $(this).siblings('ul').addClass('show'); })

您可能感兴趣的文章: