$(this).parent().attr("")的含义

最新推荐文章于 2022-10-21 16:32:01 发布

Yuyuquan

最新推荐文章于 2022-10-21 16:32:01 发布

阅读量1.1w

点赞数 2

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_27918787/article/details/52585870

版权

web前端专栏收录该内容

37 篇文章 3 订阅

订阅专栏

<html>
<head>
</head>
<body>
<script type="text/javascript" src = "js/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("#list01 input[type=checkbox]").click(function(){
        $(this).parent().next().toggle();
        console.log($(this).attr("id"));
        //这是打印了点击元素的id
        console.log($(this).parent().attr("id"));
        //这是打印了，点击元素父元素的id
        console.log($(this).parent().next().attr("id"));
        //这是打印了，input元素的父元素dt元素的，相邻的后面的兄弟元素的id；
    });
    $("#list01 dd").hide();
});
</script>
<dl id="list01">
    <dt id = "11">
        <input type="checkbox" id = "111">名
    </dt>
    <dd id = "12">田</dd>
    <dt id = "21">
        <input type="checkbox" id = "211">所属
    </dt>
    <dd id = "22">大学</dd>
    <dt id = "31">
        <input type="checkbox" id = "311">生年月日
    </dt>
    <dd id = "32">1999年3 月3 日</dd>
</dl>
</body>
</html>

缩进相同的，就是兄弟元素，缩进多的是子元素，缩进少的是父元素。