• jquery获取父元素及祖先元素


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

     先说一下parent和parents的区别 

    从字面上不难看出

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

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

    表达式进行筛选。

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

    说明:

    <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

    parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

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

     

  • 相关阅读:
    indy Sftp 编程 ftp安全访问
    关于MySql里的字段
    php---魔术方法(__tostring(),__set_state())
    看了这个才发现jQuery源代码不是那么晦涩
    JS的Document属性和方法小结
    JS的Document属性和方法
    原始JS选择器使用方法总结
    docker 镜像配置
    Docker部署SpringBoot项目
    springboot 和spring cloud 博客分享
  • 原文地址:https://www.cnblogs.com/webqiand/p/4609727.html
Copyright © 2020-2023  润新知