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/

目录
相关文章
|
7月前
|
JavaScript
jQuery 下拉菜单案例(透明+children+this)
jQuery 下拉菜单案例(透明+children+this)
45 0
|
Web App开发 JavaScript 前端开发
jquery选择器中的find和空格,children和>的区别、及父节点兄弟节点,还有判断是否存在的写法
一、find和空格,children和>及其它的区别   空格:$('parent childchild')表示获取parent下的所有的childchild节点(所有的子孙)。 等效成  ==$('parent').find('children')        获取子节点  offspring 获取所有子孙节点$('parent *')   大于号:$('parent > child')表示获取parent下的所有child的儿子( 第一代)。
1489 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").
846 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload