jquery 遍历parentsUntil().html

最新推荐文章于 2022-07-12 18:09:14 发布

学无止境慢慢来

最新推荐文章于 2022-07-12 18:09:14 发布

阅读量95

点赞数

分类专栏： jQuery

原文链接：https://www.runoob.com/jquery/jquery-traversing-ancestors.html

版权

jQuery 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery parentsUntil()</title>
    <style>
        .ancestors * {
            display: block;
            border: 2px solid lightgrey;
            color: lightgrey;
            padding: 5px;
            margin: 15px;
        }
    </style>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        /*参考：https://www.runoob.com/jquery/jquery-traversing-ancestors.html
        * 知识点：
        * parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
        * */
        // 设置介于 span div 两个元素之间的 所有祖先元素的样式。
        $(function () {
            $("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
        });
    </script>
</head>
<body class="ancestors"> body (曾曾祖父元素)
<div style="width:500px;">div (曾祖父元素)
    <ul>ul (祖父元素)
        <li>li (父元素)
            <span>span</span>
        </li>
    </ul>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

学无止境慢慢来

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 遍历parentsUntil().html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery parentsUntil()</title> <style> .ancestors * { di...
复制链接

扫一扫