Jquery的parent和parents

最新推荐文章于 2021-09-10 10:18:18 发布

roger_lmj

最新推荐文章于 2021-09-10 10:18:18 发布

阅读量1k

点赞数

分类专栏： JS/Ajax/Jquery/as 文章标签： jquery div class string html

本文链接：https://blog.csdn.net/mmm123lmj/article/details/4771116

版权

JS/Ajax/Jquery/as 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

关于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的选择器真是很强大，我觉得Jquery用起来最舒服的就是它的选择器和筛选功能。

< html >
< head > </ head >
< body >
< div id ="d1" >
< p > Hello
< div id ="crd" > xxxxx</ div >
</ p >
</ div >
< div class ="selected" >
< p > Hello Again</ p >
</ div >
</ body >
</ html >
parent([expr])
说明：
expr (String) : (可选)用来筛选的表达式
取得一个包含着所有匹配元素的唯一父元素的元素集合。
例：
< PRE class =js name ="code" > $("p").parent()
</ PRE >
< BR > 结果：
< BR > < PRE class =html name ="code" > < div id ="d1" > </ div > < div class ="selected" > </ div > </ PRE >
< BR >
< BR > parents ([expr])
< BR > 说明：
< BR > 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
< BR >
< BR > 主要是对祖先元素的理解。
< BR >
< BR > < PRE class =js name ="code" > </ PRE >
< BR > $("p").parents ()
< BR >

<html>
<head></head>
<body>
<div id="d1">
 <p>Hello
    <div id="crd">xxxxx</div>
 </p>
</div>
<div class="selected">
<p>Hello Again</p>
</div> 
</body>
</html>


parent([expr])
说明：
expr (String) : (可选)用来筛选的表达式
取得一个包含着所有匹配元素的唯一父元素的元素集合。
例：

  
  
   
   
    
    
     
     Js代码 
     
     


    
    

   
   

   
   $("p"
).parent()  

  
  
$("p").parent()



结果：



 
 

  
  

   
   
    
    Html代码 
    
    


   
   

  
  

  
  <
div
 id
="d1"
>
</
div
>
<
div
 class
="selected"
>
</
div
>
  

 
 
<div id="d1"></div><div class="selected"></div>




parents
([expr])


说明：


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




主要是对祖先元素的理解。





 
 

  
  

   
   
    
    Js代码 
    
    


   
   

  
  

  
    

 
 


$("p").parents
()

结果为：div元素、body元素、html元素、 <div class="selected"></div>元素。

roger_lmj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery的parent和parents

关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：<div i
复制链接

扫一扫