http://www.cnblogs.com/zch5577/articles/1362423.html
关于Jquery的parent和parents
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()//取到的是div2,div3,div4
$('p').parent('.a')//取到的是div3
$('p').parent().parent()//取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()//取到的是div1,div2,div3,div4
$('p').parents('.a')//取到的是div3
jquery的parents()使用
今天遇到一个有意思的问题，jquery有两个函数parent()和parents().通过这两个函数可以找到一个对象的父对象，又称作jquery的选择器。举个例子：
<body>
<div id="one">
<div id="two">hello</div>
<div id="three">
<p>
<a href="#">tonsh</a>
</p>
</div>
</div>
</body>
$(”a”).parent()//将会得到父对象<p>
$(”a”).parents()//得到父对象为<p><div.3><div.1>
$(”a”).parents().filter(”div”)//将得到<div.3><div.1>,还可以写成$(”a”).parents(”div”)。
如果想的到<div.2>对象可以写成这样：$(”a”).parents(”div:eq(0)”)。
如果点击<a>链接时弹出<div.2>中的内容该怎么办？
var id=$("a").parents("div:eq(1)").children("div:eq(0)").html();
alert(id);
分享到：
相关推荐
parents则是当前元素的祖先元素。下面列出例子说明： 代码如下:’div1′>’div2′><p></p></div><div id=’div3′ class=’a’><p></p></div><div id=’div4′><p></p></div></div>$(‘p’).parent()取到的是div2,...
本文实例分析了jQuery中parents()和parent()的区别，分享给大家供大家参考。具体分析如下： 其实在jQuery中，函数或者选择器的概念都是很容易理解的，只要对API手册有足够的熟练就能够很容易分辨，标题中的函数其实...
在JavaScript的jQuery库中，`closest()`, `parent()`, 和 `parents()` 是三个非常重要的方法，用于在DOM树中查找元素的父级。这些方法在网页开发中常常被用来定位和操作元素，特别是在处理复杂的DOM结构时。下面将...
`parent()`、`parents()`和`parentsUntil()`这三个方法都用于在DOM层级上进行导航，但它们各自有不同的用法和特点。 1. `parent(selector)`： - 这个方法返回当前匹配元素集合中每个元素的直接父元素。如果提供了...
jQuery提供了几种非常有用的函数，用于向上遍历DOM树：parents()、parent()和closest()。尽管它们都是为了遍历DOM而设计的，但它们之间存在着明显的区别。下面将详细解释这三种方法的用途、区别和它们在实际应用中的...
通过理解和掌握`parent()`、`closest()`和`parents()`等方法的使用，可以有效地提升网页开发的效率和代码的可维护性。在实践中，合理选择并运用这些方法，将使我们的网页应用更加健壮、响应迅速。
jQuery中closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。 1.父级 parent()——唯一父级元素，可能是0个或1个元素。 2.祖先 ...
`.find()`和`.children()`方法用于遍历元素的后代，`.parent()`和`.parents()`则用于查找父级元素。 三、DOM操作 jQuery提供了方便的DOM操作方法，如`.html()`、`.text()`和`.val()`用于获取或设置元素的HTML内容...
`children()` 和 `find()` 用于查找子元素，`parent()` 和 `parents()` 查找父元素。`next()` 和 `prev()` 获取相邻元素，`siblings()` 获取同级元素。`filter()` 和 `not()` 方法用于筛选元素集合。 八、插件扩展...
- `.parent()`和`.parents()`：`.parent()`返回直接父元素，`.parents()`返回所有祖先元素。 - `.eq(index)`和`:eq(index)`：选取指定索引位置的元素，如`$("p").eq(0)`和`$("p:eq(0)")`都选择第一个`<p>`元素。 ...
在本文中，我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框，包括权限范围的多选、单选以及全选操作。同时，我们也将关注于父级和子级复选框之间的联动关系，即父级选中时子级全部选中，而...
JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ ...jQuery 对象访问 ...jQuery.fn.extend(object) ...parents([expr])
它提供了方便的API，如`$(selector)`用于选取DOM元素，`find()`用于在选定的元素集中查找子元素，以及`parent()`和`parents()`方法来获取元素的父级。这些方法大大简化了原本复杂的DOM操作。 其次，jQuery的事件...
在jQuery中，`parent()` 和 `parents()` 是两个用于查找元素上级节点的函数，它们都是jQuery选择器的重要组成部分。这两个函数的区别在于它们的作用范围和返回结果。 `parent()` 函数： `parent()` 只返回匹配元素...