jquery获取父元素及祖先元素

- 日理万妓 2022-05-20 02:22 318阅读 0赞

parent是找当前元素的第一个父节点，parents是找当前元素的所有父节点

先说一下parent和parents的区别

从字面上不难看出

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的

表达式进行筛选。

可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子

说明：

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

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

https://www.cnblogs.com/liaojie970/p/6386646.html

[copycode.gif]: /images/20220520/947c74dde2c74d30b34641c45866ec82.png

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 同级元素下的子元素_jquery选择器之获取父级元素、同级元素、子元素 (转载)...

1、 parent(\[expr\]): 获取指定元素的所有父级元素 href\_fir href\_sec href\_thr href\_fiv $(docum

约定不等于承诺〃/ 2023年01月08日 08:13/ 0 赞/ 206 阅读

相关 jQuery获取元素

1、获取本身：　a.只需要一种jQuery选择器 ![20210203164123613.png][] b.多种jQuery选择器组合　　b1.jQuery选择器

缺乏、安全感/ 2022年10月27日 05:21/ 0 赞/ 265 阅读

相关 jquery取得父页面元素

[jquery取得父页面元素][jquery] 有时候要去修改或取得父页面的元素，直接用id是取不到的，方法哪下：

朱雀/ 2022年08月25日 11:56/ 0 赞/ 205 阅读

相关 js和jquery获取父级元素、子级元素、兄弟元素的方法

原生的JS获取ID为test的元素下的子元素。可以用：比如： <div id="dom"> <div></div> <div></div>

冷不防/ 2022年08月10日 08:51/ 0 赞/ 315 阅读

相关 jquery选择器之获取父级元素、同级元素、子元素

\---------------------转自http://blog.csdn.net/tolcf/article/details/39289471 一、获取父级元素 1

客官°小女子只卖身不卖艺/ 2022年07月26日 00:22/ 0 赞/ 339 阅读

相关 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var paren

た入场券/ 2022年06月17日 04:48/ 0 赞/ 460 阅读

相关 jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素 1、 parent(\[expr\]): 获取指定元素的所有父级元素 <div id="par_div"><a i

缺乏、安全感/ 2022年06月16日 14:46/ 1 赞/ 494 阅读

相关 jquery获取父元素及祖先元素

parent是找当前元素的第一个父节点，parents是找当前元素的所有父节点先说一下parent和parents的区别从字面上不难看出 parent是指取得一

- 日理万妓/ 2022年05月20日 02:22/ 0 赞/ 319 阅读

相关 jQuery——遍历DOM元素的祖先元素

任务描述本关任务：用 jQuery 遍历 DOM 的祖先元素。效果如下： ![206887][] 相关知识为了完成本关任务，你需要掌握：1.节点树，2.`pa

梦里梦外;/ 2022年04月05日 13:53/ 0 赞/ 325 阅读

相关 jQuery获取所有父级元素及同级元素及子元素

1.获取父级元素 $("id").parent() //获取其父级元素 $("id").parents() //获取其所有的祖先元素

深碍√TFBOYSˉ_/ 2021年09月30日 11:14/ 0 赞/ 494 阅读