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

首頁 > 編程 > JavaScript > 正文

jquery parent和parents的區別分析

2019-11-20 21:55:20
字體:
來源:轉載
供稿:網友
可以看出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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 皋兰县| 靖安县| 仁寿县| 澄江县| 汉中市| 峨边| 鹤庆县| 通渭县| 怀安县| 中西区| 广德县| 渝北区| 东乡| 郓城县| 双桥区| 谷城县| 新巴尔虎左旗| 乌什县| 多伦县| 如东县| 隆尧县| 景泰县| 来宾市| 肇源县| 广西| 衡南县| 阿图什市| 马尔康县| 府谷县| 罗山县| 垫江县| 钦州市| 望谟县| 大埔县| 托克托县| 武川县| 邻水| 甘肃省| 宁都县| 武山县| 墨玉县|