隐藏DIV与关闭按钮的jQuery只与相关DIV

Question

这就是我要做的，关闭的通知栏，如果被点击里面的X。

这里是我的代码：http://jsfiddle.net/spadez/qK3yK/2/

$('#closeButton').on('click', function(e) { 
     $('#previewBox').remove(); 
    }); 

我怎样才能使它所以只关闭，而不是删除，虽然它们都与它相关联的警告。我确信代码中需要“this”这个词，但我不明白在哪里。

Answer 1

使用jQuery .parent()得到每个元素的父在当前匹配的元素集合，其任选被一个选择器过滤的。试试这个：

$('#close').on('click', function(e) { 
    $(this).parent('.alert').remove(); 
}); 

DEMO

Answer 2

$("#closeButton").on('click', function() { 
    $(this).parent().remove(); 
}); 

这将删除分组elemement。

Answer 3

试试这个。你必须得到它是父母而不是那个元素本身

$（'＃closeButton'）。on（'click'，function（e）{（this）.parent（'。alert'）。remove ）; }）;

或者

$('#closeButton').on('click', function(e) { 
     $(this).parent().remove(); 
    }); 

这将删除最接近父

Answer 4

什么，我认为是你正试图删除的“X”的家长。 在点击x。父div应该被删除。

，让您的JS文件这些变化

$('#closeButton').on('click', function(e) { 
    var par = $(e.target).parent(); 
    $('par').remove(); 
});