关闭只有目标对象

Question

我用这个快速片段与图像关闭show/hideDIV：

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

    return false; 
    }); 

的问题是，当我关闭一个箱子都在附近的箱子...

有没有办法对此进行修改，以便当您单击该特定的图像“x”时，只有该图像关闭，并且不会关闭所有图像？

Answer 1

尝试是沿着这样：

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

这里的事情是指特定对象的this。

Answer 2

像这样：

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

    return false; 
}); 

$(this).closest('.Timeline')会发现，包含点击的元素的.Timeline元素。您应该根据需要更换.Timeline选择器。

Answer 3

此代码将关闭父图像的div，你点击：

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

与您DIVID S，这将是：

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