检测哪个类被点击了jQuery

Question

我想找出当同一个网页上有多个元素时，点击了哪个元素。

点击的类然后我想显示但保持所有其他类隐藏。

<div class="btn"> 
   <div class="btn-content">
      <p>1,2,3,4,5</p>
   </div>
</div>

<div class="btn"> 
   <div class="btn-content">
      <p>1,2,3,4,5</p>
   </div>
</div>

jQuery -

$(".btn").click(function(){
   $(".btn-content").show();
});

Answer 1

使用this在当前上下文中查找元素：

$(".btn").click(function(){
 $(this).find(".btn-content").show();// or  $(".btn-content",this).show()
});

<强> Working Demo

Answer 2

试试这个：

$(".btn").click(function(){
   $(this).find(".btn-content").show();
});

<强> DEMO

Answer 3

您可以找到具有类.btn-content的元素，仅显示已单击的元素。 使用find jQuery函数

$(".btn").click(function(){
  $(this).find(".btn-content").show();
});