仅关闭目标对象

Question

我使用带有图片的快速代码段来关闭show / hide DIV：

  $('a.close').click(function() { 
     $('#timeline-2010-1').hide(); 
     $('#timeline-2010-2').hide();

     return false; 
  });

问题是，当我关闭一个盒子时，所有盒子都关闭......

有没有办法对其进行修改，以便当您点击特定DIV ID上的图片“x”时，只有那个关闭，并且它不会关闭所有这些？< / p>

Answer 1

像这样：

$('a.close').click(function() { 
     $(this).closest('.Timeline').hide();

     return false; 
});

$(this).closest('.Timeline')会找到包含所点击元素的.Timeline元素。您应该根据需要替换.Timeline选择器。

Answer 2

此代码将关闭您点击的图片的父div：

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

绑定到DIV ID，它将是：

$("div[id^='timeline-2010-'] img").click(function(){
  $(this).closest("div").hide();
});

Answer 3

尝试这样的方式：

  $('a.close').click(function() { 
     $(this).hide(); 
     return false; 
  });

这里的事情是引用该特定对象的this。