Javascript 如果单击了，则隐藏内部div_Javascript_Jquery

Javascript 如果单击了，则隐藏内部div

javascript jquery

Javascript 如果单击了，则隐藏内部div,javascript,jquery,Javascript,Jquery,我的DOM如下所示： <li id="li1"> <div class="c1"></div> </li> <li id="li2"> <div class="c1"></div> </li> 使用jQuery，如果第一个被单击，我希望内部被隐藏。当您将两个列表项标识为相同的ID时，会遇到问题。如果您希望将相同的CSS应用于这两个列表项，请改用类将两个列表项标识

我的DOM如下所示：

<li id="li1">
         <div class="c1"></div>
</li>
<li id="li2">
         <div class="c1"></div>
</li>

使用jQuery，如果第一个被单击，我希望内部被隐藏。

当您将两个列表项标识为相同的ID时，会遇到问题。如果您希望将相同的CSS应用于这两个列表项，请改用类

将两个列表项标识为同一ID时会遇到问题。如果希望将相同的CSS应用于这两个列表项，请改用类

拥有两个相同的ID是无效的xHTML

$("li:first").click(function() {
    $(this).children("div").hide();
});

不确定确切的jQuery语法

但在sudo中，代码类似于：

li1添加事件“单击” { 获取li1的子级，按类c1进行筛选在childdisplay上设置样式，无

}拥有两个相同ID的xHTML无效

不确定确切的jQuery语法

但在sudo中，代码类似于：

li1添加事件“单击” { 获取li1的子级，按类c1进行筛选在childdisplay上设置样式，无

}

这可能适合您：

注意：确保包含jquery.js，我很懒，没有把它放在这里

<html>
<head>
<script type="text/javascript" language="javascript">
$(document).ready(function(){

    $(".clickableLI").click(function(){
        $(this).find("div").hide();    
    });

});
</script>

</head>
<body>
    <ul>
        <li class="clickableLI">
             <div class="c1"></div>
        </li>
        <li class="clickableLI">
             <div class="c1"></div>
        </li>
    <ul>

</body>
</html>

这可能适合您：

注意：确保包含jquery.js，我很懒，没有把它放在这里

<html>
<head>
<script type="text/javascript" language="javascript">
$(document).ready(function(){

    $(".clickableLI").click(function(){
        $(this).find("div").hide();    
    });

});
</script>

</head>
<body>
    <ul>
        <li class="clickableLI">
             <div class="c1"></div>
        </li>
        <li class="clickableLI">
             <div class="c1"></div>
        </li>
    <ul>

</body>
</html>