jQuery 利用 parent() parents() 寻找父级 或祖宗元素
Posted 虚幻的街景
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 利用 parent() parents() 寻找父级 或祖宗元素相关的知识,希望对你有一定的参考价值。
$(this).parent().parent().parent().parent().parent().remove(); //此方法通过parent()一级一级往上找
$(this).parents("div").remove();// 此方法是找出所有父级元素以及祖宗元素 通过“div” 筛选出祖宗中是div的祖先元素
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。 parent取得很明确就是当前元素的父元素 parents则是当前元素的祖先元素 --> <html> <head></head> <body> <div id="div1"> <div id="div2"><p></p></div> <div id="div3" class="a"><p></p></div> <div id="div4"><p></p></div> </div> </body> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $("p").parent(); //取得的是div2、div3、div4 $(‘p‘).parent(‘.a‘); //取得是div3 $(‘p‘).parent().parent(); //取得是div1(这点比较奇特,不过Jquery对象本身的特点决定了这是可行的) $(‘p‘).parents(); //取得的是div1、div2、div3、div4 $(‘p‘).parents(‘.a‘); //取得的是div3 </script> </html>
以上是关于jQuery 利用 parent() parents() 寻找父级 或祖宗元素的主要内容,如果未能解决你的问题,请参考以下文章
jQuery Lightslider 插件分页器 onclick 事件