jquery点击一个元素后不能让该元素display:none？

Question

<div id="xiaoshi"> 
    <div></div>//想点击这个元素后给最外层div设置display：none，
    <div id="div3"></div>//出来的效果却是只消失了div3和div4，最外层div和点击的都在
    <div id="div4"></div>
</div>

<div class="我是外面的div"></div>
//但是代码应该没问题，因为点击这个外面的div可以让上面四个div都消失

Answer 1

http://runjs.cn/detail/ujrejdju
不知道你的，我的就 OK，给看你的 JS 吧

Answer 2

$('#xiaoshi>div').eq(0).onclick(function(){
$('#xiaoshi').hide()
})

Answer 3

你是用的siblings来查找元素吧，应该用parent

Answer 4

$("#xiaoshi").on("click","div:eq(0)",function(){

//$(this).parents("#xiaoshi").css('display', 'none');
$("#xiaoshi").css('display', 'none');

})
其实主要是先熟悉一下jq的dom操作，再去了解jq的事件，可能因为你少写了什么，或者你哪里写错了，这两种都没啥问题，你可以试试。

Answer 5

$(document).ready(function() {

$("#xiaoshi div").click(function() {
    $(this).parent().css("display", "none");
});

})