Jquery的parent,parents与children

简介:

 

 
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。


parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

 

例子:
<div id="div1">
  <div id="div2">hello</div>
  <div id="div3">
  <p>
           <a href="#">tonsh</a>
 </p>
  </div>
</div>
$(”a”).parent()                       将会得到父对象<p>
$(”a”).parents()                      得到父对象为<p><div3><div1>
$(”a”).parents().filter(”div”)      将得到<div3><div1>,还可以写成$(”a”).parents(”div”)。


要得到<div2>的内容该怎么办?            $("a").parents("div:eq(1)").children("div:eq(0)").html()

 

其中eq为索引值。

那么$("a").parents("div:eq(1)")表示<div1>

则children("div:eq(0)")表示<div1>的第1个子元素,即<div2>。

 

一定要仔细仔细再仔细。

 

参考文档:http://ekenfire.blog.163.com/blog/static/118429152200910250124925/

目录
相关文章
|
JavaScript
jQuery 下拉菜单案例(透明+children+this)
jQuery 下拉菜单案例(透明+children+this)
76 0
|
3月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
62 7
|
JavaScript 前端开发
jquery中closest()与parents()的方法区别分析总结
在jquery中parents()查找父级元素删除的时候,发现它不包含根元素,于是用了closest(),效果不错,下面我给大家具体的介绍
1777 0
|
Web App开发 JavaScript 前端开发
jquery选择器中的find和空格,children和>的区别、及父节点兄弟节点,还有判断是否存在的写法
一、find和空格,children和>及其它的区别   空格:$('parent childchild')表示获取parent下的所有的childchild节点(所有的子孙)。 等效成  ==$('parent').find('children')        获取子节点  offspring 获取所有子孙节点$('parent *')   大于号:$('parent > child')表示获取parent下的所有child的儿子( 第一代)。
1525 0
|
JavaScript 前端开发
jquery children()方法
1.测试代码 body { font-size:16px; font-weight:bolder; } p { margin:5px 0; } Hello Hello Again And Again And One Last Time $("div").
874 0
|
10天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
48 21