隱藏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(); 
});