zoukankan      html  css  js  c++  java
  • jquery parent()和parents()区别

    parent(exp)

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

    你可以使用可选的表达式来筛选。

    查找段落的父元素中每个类名为selected的父元素。

    HTML 代码:
    <div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
    jQuery 代码:
    $("p").parent(".selected")
    结果:
    [ <div class="selected"><p>Hello Again</p></div> ]

    parents(exp)

    取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

    找到每个span元素的所有祖先元素。

    HTML 代码:
    <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
    jQuery 代码:
    $("span").parents()

     输出如下:

    [p, div, body, html, prevObject: n.fn.init[2], context: document, jquery: "1.11.0", constructor: function, selector: ""…]
    1. 0p
    2. 1div
    3. 2body
    4. 3html
    5. contextdocument

    可以看到,父元素有p,div,body,html.

    输出console.log($("span").parents().size()); 为4.

  • 相关阅读:
    纸上谈兵:最短路径与贪婪算法
    “不给力啊,老湿!”:RSA加密与破解
    纸上谈兵:拓扑排序
    Homebrew 安装使用
    Servlet详解
    搭建SpringMVC
    设置IDEA智能感知支持Jsp内置对象
    素材网站
    常用单词
    常见异常
  • 原文地址:https://www.cnblogs.com/youxin/p/3873145.html
Copyright © 2011-2022 走看看