Question

我有一组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，而不是整个类。

Answer 1

这就是你要找的东西：

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

Answer 2

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

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

Answer 3

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

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

工作样本http://jsfiddle.net/sz4h2/

如何.hide（）一个类的一个div

3 个答案: