zoukankan      html  css  js  c++  java
  • Jquery中parent()和parents()

    一、parent()方法

    此方法取得匹配元素集合中每个元素的紧邻父元素,也就是第一级父元素,而不是所有的祖先元素。所取得的父元素集合也可以使用表达式进行筛选。

     

     二、parents()方法

    此方法取得一个包含着所有匹配元素的父辈元素的元素集合。所取得的父辈元素集合也可以使用表达式进行筛选

    如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。.

     

    三、Jquery中parent()和parents()实例

     
    HTML 代码   复制
    <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

     

     

    HTML 代码   复制
    <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”)。

       $(”a”).parents(”div:eq(0)”)   //将得到<div.2>

       var id=$("a").parents("div:eq(1)").children("div:eq(0)").html();   //如果点击<a>链接时弹出<div.2>中的内容

       </body>

     

  • 相关阅读:
    常用的知识点
    2021年度“新时代好少年”
    音频格式TDM
    DTS
    学习总结之EXTJS相关了解和问题解决篇
    java中extends和implements的区别
    开发
    程序员练级(转自酷壳)
    优秀程序员无它善假于物也
    EXTJS开发过程遇到的一些问题的小结(转自麦田守望者)
  • 原文地址:https://www.cnblogs.com/ranzige/p/4042212.html
Copyright © 2011-2022 走看看