猿问

jq 获取操作子元素失败?

<!DOCTYPE html>

<html>

<head>


<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<div>


<ul id="uls">

   <li>

       <dl>

           <dt>11</dt>

           <dd style="display: none;" class="db1">22</dd>

           <dd>33</dd>

       </dl>

   </li>

    <li>

        <dl>

            <dt>1122</dt>

            <dd style="display: block;" class="db1">2233</dd>

            <dd>3344</dd>

        </dl>

    </li>

    <li>

        <dl>

            <dt>112233</dt>

            <dd style="display: block;" class="db1">223344</dd>

            <dd>334455</dd>

        </dl>

    </li>

</ul>

</div>

<button id="btn">点击</button>

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<script type="text/javascript">


    $(function () {

        $("#btn").click(function () {

            console.log($("#uls li")[1]);

            $("#uls li")[1].children().children(".db1").css({"color":"red"});


           for(var i=0;i<$("#uls li").length;i++){

                var s= $("#uls li")[i].children().childern("db1");

                if(s.css("display")=="none"){

                    $("#uls li")[i].css({"display":"none"});

                }

            }


        });

    })

</script>

</body>


我想实现点击按钮的时候判断所有Li下的dt里面class名为bd1的元素的display值是不是none,如果是 这ls 隐藏,我写了一下一直报错 应该怎么写 求诸位路过前辈指点 谢谢~~!


慕容708150
浏览 554回答 3
3回答

哔哔one

$("#btn").click(function () {$("#uls li").each(function(){&nbsp; &nbsp; if($(this).find(".db1").css("display")=='none'){&nbsp; &nbsp; &nbsp; &nbsp;$(this).css("display","none");&nbsp;&nbsp; &nbsp; }});});

慕斯王

console.log($("#uls li")[1].children[0].children[1]);$("#uls li")[1].children[0].children[1].style.color="red";
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答