Jquery的parent和parents

本贴最后更新于 3866 天前,其中的信息可能已经水流花落

(一)场景

         常常用到这两个方法,但是具体细节没弄清楚,所以就写个demo试试看

(二)demo

        

<div id="1" value='1'>
<span id="heh"> 1 <div id="11"> 1.1 <div id="111"> 1.1.1 <div id="1111" > 1.1.1.1 </div> </div> </div>
</span> </div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> <div id="6"></div> <div id="7"></div>

1、console.log($("#1111").parents());

 demo1

2、console.log($("#1111").parents("div"));

 demo2

3、console.log($("#1111").parent());

demo3

4、console.log($("#1111").parent("div"));

demo4

5、console.log($("#1111").parent().parent());

demo5

6、console.log($("#1111").parent().parent());

demo6

(三)总结

parents()就是当前元素的所有父级

parent()是当前元素的父级

括号里面的元素名称可以过滤

  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 740 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    710 引用 • 1173 回帖 • 171 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...