javascript - 检测哪个类被点击了 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