国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery parent和parents的區別分析

2024-05-06 15:52:38
字體:
來源:轉載
供稿:網友
從字面上不難看出parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。parents則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個可選的表達式進行篩選

可以看出parent的取值很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。下面列出例子說明:

復制代碼 代碼如下:


<div>
<div><p></p></div>
<div><p></p></div>
<div><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  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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 织金县| 镇雄县| 黄冈市| 华坪县| 潼南县| 凤阳县| 东乌珠穆沁旗| 黄冈市| 怀化市| 汉寿县| 海南省| 五峰| 武乡县| 饶阳县| 琼海市| 来凤县| 尤溪县| 兴城市| 汶上县| 克拉玛依市| 曲周县| 南木林县| 京山县| 辽源市| 洞头县| 浏阳市| 辰溪县| 吉安市| 娄底市| 孙吴县| 凭祥市| 无为县| 潍坊市| 张家港市| 高要市| 务川| 新乐市| 托里县| 博湖县| 陵川县| 灵川县|