单击时的基本操作

Basic action on click

本文关键字：基本操作 单击      更新时间：2023-09-26

由于某些原因，我无法让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"); 
});

提前谢谢。

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

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

请参见此处：http://jsfiddle.net/pioul/Bd9Dc/

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

是这样的吗？或者更像

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

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

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

$(#container)

至

$('#container')

注意：即使这个网站的语法高亮也会提示你出了问题！

相关文章：