点击时仅触发一个元素

Question

我有这个DOM：

 <article>
   <overlay>
     <IMG>
   </overlay>
   <div class="wrapper">
   </div>
 </article>

<article>
   <overlay>
     <IMG>
   </overlay>
   <div class="wrapper">
   </div>
 </article>

在jquery中，我需要创建此函数：

 $("IMG").on("click", function () 
 {$(".wrapper).CSS("display","block"})

但是此功能仅对单击的元素有效。有建议吗？

Answer 1

尝试这样的事情：

$('img').on('click', function () {
  $(this).closest('article').find('.wrapper').css('display', 'block');
})