最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery获取父节点、子节点、兄弟节点方法
时间:2013-04-01 编辑:简简单单 来源:一聚教程网
如我们利用parent()来获取父节点
代码如下 | 复制代码 |
$('#cur').parent().parent(); |
closest和parents的主要区别是:
前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找
前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤
前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素
jquery 兄弟节点的获取
代码如下 | 复制代码 |
|
比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 "show" 的 class,代码如下:
代码如下 | 复制代码 |
$(".title").click(function () { $(this).parent().find('ul').addClass('show'); }); |
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:
代码如下 | 复制代码 |
|
子节点怎么获得 .
代码如下 | 复制代码 |
:first-child |
匹配第一个子元素
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
-
下一个: js实现回到顶部按钮程序代码
相关文章
- jquery dialog获取焦点的方法 03-24
- jquery实现input框获取焦点的方法 03-16
- JQuery获取鼠标进入和离开容器的方向的教程 12-29
- jquery attr方法获取input的checked属性问题 09-08
- jquery对象获取的一些方法总结 08-18
- jquery 获取父节点实现代码详解 06-09