jquery parent()和parents()区别

parent(exp)

取得一个包含着所有匹配元素的唯一父元素的元素集合。

你可以使用可选的表达式来筛选。

查找段落的父元素中每个类名为selected的父元素。

HTML 代码:
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
jQuery 代码:
$("p").parent(".selected")
结果:
[ <div class="selected"><p>Hello Again</p></div> ]

parents(exp)

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

找到每个span元素的所有祖先元素。

HTML 代码:
<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
jQuery 代码:
$("span").parents()

输出如下:

[p, div, body, html, prevObject: n.fn.init[2], context: document, jquery: "1.11.0", constructor: function, selector: ""…]

  1. 0: p
  2. 1: div
  3. 2: body
  4. 3: html
  5. context: document

可以看到,父元素有p,div,body,html.

输出console.log($("span").parents().size()); 为4.

jquery parent()和parents()区别,布布扣,bubuko.com

时间: 2024-10-12 09:30:00

jquery parent()和parents()区别的相关文章

jquery parent和parents的区别分析

https://zhidao.baidu.com/question/2011675347812958428.html ------------------------------------------------------------------关于 parent和parents 的参数------------------------------------------------------------ 经常用法// $(this).parent().parent(); var val =

jQuery的parent和parents区别

1.parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合.2.parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选.3.closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上. 可以看出parent取的很明确,就是当前元素的父元素:parents则是当前元素的祖先元素.下面列出例子说明:<div id='div1'><div id='div2'><p></p

jQuery的parent()和parents()方法的用法和区别

parent()和parents()方法的用法和区别:这两个方法的作用有点类似,都可以取得父级元素,但是并非完全相同,下面结合实例简单介绍一下它们的区别.先从概念入手:1.parent()方法可以取得匹配元素的第一级父元素的集合,也就是说它获得并非匹配元素的所有祖先元素,而仅仅是父元素.2.parents()方法可以取得匹配元素的所有祖先元素(不包含根元素),而不仅仅是第一级父元素.下面看一段代码实例: <!DOCTYPE html> <html> <head> <

jQuery的parents()函数和parent()函数的区别

jQuery的parents()函数和parent()函数的区别:其实在jQuery中,函数或者选择器的概念都是很容易理解的,只要对API手册有足够的熟练就能够很容易分辨,标题中的函数其实也是如此,不过咱们这里还是做一些简单的介绍,毕竟这样可能更为方便一些.一.parents()函数:此函数能够获取匹配元素的所有父元素,代码示例: $(".mayi").parents().css("color","red"); 以上代码可以将所有class属性值

jquery中closest()parent() parents 区别

parent是找当前元素的第一个父节点,不管匹不匹配都不继续往下找 parents是找当前元素的所有父节点  closest() 是找当前元素的所有父节点 ,直到找到第一个匹配的父节点 parent().parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法.通过本篇内容,大家将会在以后使用.parent().parents()和closest()时不会显得无从下手. 我们直接看例子来来说明一下这三个方法的使用区别: [html] view plain c

jquery parent() parents() closest()区别

parent是找当前元素的第一个父节点,不管匹不匹配都不继续往下找 parents是找当前元素的所有父节点  closest() 是找当前元素的所有父节点 ,直到找到第一个匹配的父节点 parent().parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法.通过本篇内容,大家将会在以后使用.parent().parents()和closest()时不会显得无从下手. 我们直接看例子来来说明一下这三个方法的使用区别: 1 <ul id="menu&q

Jquery的parent和parents(找到某一特定的祖先元素)

关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合.parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选.可以看出parent取的很明确,就是当前元素的父元素:parents则是当前元素的祖先元素.下面列出例子说明:<div id='div1'><div id='div2'><p></p></div><div id='

Jquery中parent()和parents()

一.parent()方法 此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素.所取得的父元素集合也可以使用表达式进行筛选. 二.parents()方法 此方法取得一个包含着所有匹配元素的父辈元素的元素集合.所取得的父辈元素集合也可以使用表达式进行筛选 如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象.元素

DOM——遍历.parent()、.parents()、.closest()和.next()

遍历.parent()..parents()..closest()和.next() 1   .parent()快速查找合集里面的每一个元素的父元素,即父亲与儿子的关系,因为是父元素,所以只会向上查找一级 2   .parent()无参数,能够在DOM树中搜索到这些元素的父级元素,有序的向上匹配元素,并根据匹配的元素创建一个新的JQuery对象 3   .parent()选择性地接受同一型选择器表达式,需要对这个合集对象进行一定的筛选,找出目标元素,允许传一个选择器的表达式 4   .parent