jquery 中 parent 和 parents的区别「建议收藏」

jquery 中 parent 和 parents的区别「建议收藏」从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:例1:代码如下<divid=’div1′> &lt…

大家好,欢迎来到IT知识分享网。

       从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:

例1:代码如下

<div id='div1'>
  <div id='div2'><p></p></div>
  <div id='div3' class='a'><p></p></div>
  <div id='div4'><p></p></div>
</div>

IT知识分享网

其中:

IT知识分享网$('p').parent() //取到的是div2,div3,div4  
$('p').parent('.a') //取到的是div3
$('p').parent().parent() //取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents() //取到的是div1,div2,div3,div4
$('p').parents('.a') //取到的是div3

例2:HTML代码如下:

<table>
<tr>
    <td><input id="btn1"  class="btn" type="button"  value="test" /></td>
    <td>some text</td>
</tr>
</table>

其中:

IT知识分享网this.parent() //是input前面的td
this.parent().parent() //获取的是tr
this.parent().parent().parent() //获取的是table
this.parents() //获取的是td,tr,table

 

上面内容皆为整理自用。内容为转载

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/7570.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信