Javascript 如何对类隐藏单个div（）

我有一组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”）.hide（）；
});

---

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

这就是您要寻找的：

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

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

---

通过在事件处理程序中使用

$（this）

，可以在

jQuery

对象中引用正在单击的元素，如下所示：

$（this）

将返回当前调用的项。你可以用它来隐藏

---

工作样本

和@josh回答的完全一样。我猜他不够快P

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