Question

出于某种原因，我无法让jQuery做我想做的事。

我需要的是当点击其中一个孩子时容器div消失。

以下是HTML

示例

<div id="container">
 <a href="link">
  <div id="child1">
   When this is clicked, #container disappears,
   including everything contained inside...
  </div>
 </a>

 <a href="link">
  <div id="child2">
   ...or when this one is clicked
  </div>
 </a>
</div>

这是我尝试过的。

$("#child1").click(function () { 
  $(#container).hide(); 
});

和

$("#child1").click(function () { 
  $(#container).fadeOut("fast"); 
});

提前致谢。

Answer 1

$("#child1, #child2").click(function(e) {
    $(e.target).parents("#container").hide();
}

那样的东西？或者更像是

$("#container").children("div").click(function(e) {
    $(e.target).parents("#container").hide();
}

Answer 2

使用此代码，无论您在#container div中有多少元素，点击它们都会隐藏整个div：

$("#container").children().bind("click", function(e){
    e.preventDefault();
   $("#container").fadeOut();
});

见这里：http://jsfiddle.net/pioul/Bd9Dc/

Answer 3

$("#container").children().click(function(e) {
    $("#container").hide();
}

Answer 4

根据您发布的内容，您的选择器不是有效的字符串 $(#container)会抛出语法错误，因为语法应为$(selector) selector为string或对象。
所以，只需从

更新你的选择器

$(#container)

到

$('#container')

注意：即使是这个网站的语法荧光笔也会给你一个提示错误的提示！

点击的基本操作

4 个答案: