1

我有一组 div，它们在相同的类名下指定，并且没有 id。鉴于这种情况，我如何使用 Jquery 的.hide()方法来仅隐藏被单击的 div，而不是整个类，而不必为每个 div 指定一个 id？

<div class="div"><p>Some placeholder text </p> </div>
<div class="div"><p>Some more placeholder text </p> </div>
<div class="div"><p>And even placeholder text </p> </div>


$(".div").click (function(){  
    $(".div").hide(); 
    });

上面的脚本将隐藏所有具有“div”类的 div，但我们只想隐藏被点击的 div，而不是整个类。

4

3 回答 3

2

这就是您要查找的内容： 

$(".div").click (function(){  
    $(this).hide(); 
});
于 2012-05-11T01:19:49.020 回答
1

您可以通过在事件处理程序中使用来引用jQuery对象中被单击的元素，如下所示：$(this)

$(".div").click (function(){  
    $(this).hide(); 
});
于 2012-05-11T01:20:01.967 回答
0 
$(function(){
  $(".div").click(function(){
    $(this).hide();
  });
});

$(this)将返回当前调用的项目。你可以用它来隐藏

工作示例http://jsfiddle.net/sz4h2/

于 2012-05-11T01:20:18.800 回答