专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 让我们来学习获取父级元素的方法

让我们来学习获取父级元素的方法

更新时间:2023-02-13 16:53:48 来源:动力节点 浏览863次

1:parent();//获取元素的父级元素

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script>
        $(function(){
                
                $('span').parent().css('border','2px solid red');//获取到div元素
                
        })
</script>
</head>

<body>
<div>
    jquery
    <span>javascript</span>
</div>
</body>

2:parents();//获取元素的父级元素和所有的祖先元素

<script>
    $(function(){
                 
        $('span').parents().css('border','2px solid red');//获取所有的父级祖先元素,并且设置边框为2px solid red;包括body、html
                 
    })
</script>
</head>
 
<body>
<div>
    祖先父级
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

2:parentsUntil();//parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

<script>
    $(function(){
                
        $('span').parentsUntil('#div1').css('border','2px solid red');//获取父级祖先元素到id为div1父级为止的元素集合,并且设置边框为2px solid red;包括body、html
                
    })
</script>
</head>

<body>
<div id="div1">
    祖先父级
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

以上就是动力节点小编介绍的"让我们来学习获取父级元素的方法",希望对大家有帮助,如有疑问,请在线咨询,有专业老师随时为您务。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>