正文

jQuery parentsUntil直至选中某个父元素

Async V管理员 /2023-11-20/395阅读/0评论

1120

parentUntil语法：$('p').parentsUntil('body');

选中p元素到祖先body元素中间的所有元素，其中不包含p元素和body元素。

实例

<!DOCTYPE html>
<head>
<title>jQuery 父元素parentsUntil</title>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
        $(document).ready(function(){
                $("span").parentsUntil('body').css("border","2px solid red");
        })
    </script>
<style>
        #parent * {
            display: block;
            border: 2px solid #333;
            color: blue;
            padding: 10px;
            margin: 15px;
        }
    </style>
</head>
<body>
<div id="parent" style="width: 500px;"> div父元素
<p>p元素 子元素
<span>span元素 后代</span>
</p>
</div>
</body>

运行结果