Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 兄弟节点的获取

jquery 兄弟节点的获取

发布时间:2012-01-16   编辑:www.jquerycn.cn
jquery 兄弟节点的获取一般使用sibling,jquery 兄弟节点获取是很简单的。

关于jquery 兄弟节点的获取,先举个例子

  • 类目一

    • 第一项
    • 第二项
  • 类目二

    • 第一项
    • 第二项

比如要点击类目一所在的 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'); })
相关文章: jquery 获取父节点 jquery 获取子节点 jquery 获取父元素

您可能感兴趣的文章:
jquery 兄弟节点的获取
js获取兄弟节点、父类节点的方法
jquery的父子兄弟节点查找示例代码
JS获取与遍历节点的兄弟父级与子元素
javascript获取兄弟节点二种方法
JS获取节点的兄弟,父级与子级元素的实例代码
JQuery 选择和过滤方法代码总结
jQuery父级以及同级元素查找介绍
Jquery显示、隐藏元素以及添加删除样式
JQuery 节点遍历的例子

关键词: jquery  jquery  教程  兄弟  节点   
[关闭]