您的位置：首页 > 编程技术 > js  >  jquery parent和parents的区别分析

jquery parent和parents的区别分析

 更新时间：2013年10月3日 13:47  点击：1694

可以看出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
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

代码如下:

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
</script> 
</head> 
<body> 
<table>
<tr>
      <td><input id="btn1"  class="btn" type="button"  value="test" /></td>
      <td>some text</td>
</tr>
</table>

其中：
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parent().next()获取的是td相临的td
例子中：
<div><p>Hello</p><p>Hello</p></div>
$("p").parent() 得到的是：<div><p>Hello</p><p>Hello</p></div>对象，因为p标签的父标签是div

[!--infotagslink--]

相关文章

  • window.parent和window.opener区别

    下面一段代码是关于window.parent和window.opener区别 来讲的，我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = u...2016-09-20

  • PHP面向对象学习之parent::关键字

    在PHP中不能定义重名的函数，也包括不能再同一个类中定义重名的方法，所以也就没有方法重载。下面这篇文章主要给大家介绍了PHP面向对象之parent::关键字的相关资料,需要的朋友可以参考借鉴，下面来一起看看吧。...2017-01-25

  • Spring配置文件中parent与abstract的使用

    这篇文章主要介绍了Spring配置文件中parent与abstract的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...2021-07-22

  • PHP5中的this,self和parent关键字详解

    PHP5是一具备了大部分面向对象语言的特性的语言,比PHP4有了很多的面向对象的特性,但是有部分概念也比较绕人,所以今天拿出来说说,说的不好,请高手见谅. (阅读本文，需要...2016-11-25

  • php中this,parent,self关键字用法详解

    this,parent,self都是在php中的class类中了，下面我来分别介绍this,parent,self在类中用应用与区别有需要的朋友可参考。 一，this 1，要用this，你必有是一个对像的形势，...2016-11-25