Question

我的DOM看起来像这样：

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

使用jQuery，如果点击了第一个<li>，我希望隐藏内部<div></div>。

Answer 1

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

Answer 2

当ID为2个列表项作为相同ID时，您将遇到问题。如果要将相同的CSS应用于两者，请改用类。

Answer 3

这可能适合你：

注意：请确保包含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>

Answer 4

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

不确定jQuery的确切语法

但在sudo代码中会是这样的：

li1 addEvent（'click'）
{

得到li1的孩子，按类c1过滤
在儿童上设置风格（显示，无）
}

如果单击<li>，则隐藏内部div </li>

4 个答案: