www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

Web前端parent和parents的界别剖判,找到某一一定的

2019-08-02 03:15 来源:未知

能够观望parent的取值很显明,正是这段时间元素的父成分;parents则是眼下成分的祖辈元素。上边列出例子表达:

关于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>

<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

$('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)用法:取得三个包涵着独具相配成分的独步一时父成分的要素集合。

parent(exp)用法:猎取多个暗含着独具相配成分的不今不古父成分的成分群集。

复制代码 代码如下:

  1. <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
  2. <script type="text/javascript"> 
  3. $(document).ready(function() {
  4. $("#btn1").click(function(){
  5. alert($(this).parent().next().html());
  6. });
  7. });
  8. </script> 
  9. </head> 
  10. <body> 
  11. <table>
  12. <tr>
  13.       <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
  14.       <td>some text</td>
  15. </tr>
  16. Web前端,</table>
  17. ....

<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

  1. this.parent()是input前面的td
  2. this.parent().parent()获取的是tr

  3. this.parent().parent().parent()获取的是table

  4. this.parent().next()获取的是td相临的td

您或许感兴趣的小说:

  • jquery遍历之parent()和parents()的区分及parentsUntil()方法详解
  • jQuery向上遍历DOM树之parents(),parent(),closest()之间的区分
  • jquery中的查找parents与closest方法之间的分别
  • jQuery 遍历- 关于closest() 的不二等秘书诀介绍以及与parents()的方式分别解析
  • jQuery对val和atrr("value")赋值的不相同介绍
  • JQuery中的html()、text()、val()分裂示例介绍
  • 浅析JQuery中的html(),text(),val()区别
  • jquery中$(#form :input)与$(#form input)的区别
  • jQuery中attr()和prop()在改动checked属性时的界别
  • jquery中map函数与each函数的区别实例介绍
  • jQuery中parents()和parent()的区分深入分析

另例子中:

<div><p>Hello</p><p>Hello</p></div>

$("p").parent() 获得的是:<div><p>Hello</p><p>Hello</p></div>对象,因为p标签的父标签是div.

jquery的parents()使用

前几天遇见一个妙不可言的主题材料,jquery有八个函数parent()和parents().通过这七个函数能够找到一个指标的父对象,又称作jquery的选拔器。比如:

<body>
<div id="one">
<div id="two">hello</div>
<div id="three">
<p>
<a href="#">tonsh</a>
</p>
</div>
</div>

$(”a”).parent()将会收获父对象<p>
$(”a”).parents()得到父对象为<p><div.3><div.1>
$(”a”).parents().filter(”div”)将获得<div.3><div.1>,仍是可以够写成$(”a”).parents(”div”)。
借使想的到<div.2>对象能够写成这么:$(”a”).parents(”div:eq(0)”)。
若是点击<a>链接时弹出<div.2>中的内容该如何是好?

var id=$("a").parents("div:eq(1)").children("div:eq(0)").html(); 

alert(id);

正文章摘要自:

TAG标签:
版权声明:本文由澳门新葡8455手机版发布于Web前端,转载请注明出处:Web前端parent和parents的界别剖判,找到某一一定的