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

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();
});