使用关闭按钮jquery隐藏div仅与关联的div

Question

这就是我要做的事情，如果单击其中的x，请关闭通知栏。

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

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

我怎样才能使它只关闭与之关联的警告，而不是删除所有这些警告。我确定＆＃34;这个＆＃34;在代码中需要，但我无法理解。

Answer 1

使用jquery .parent()获取当前匹配元素集中每个元素的父元素，可选择通过选择器进行过滤。试试这个：

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

<强> DEMO

Answer 2

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

这将删除prev元素。

Answer 3

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

$（＆＃39;＃closeButton＆＃39;）。on（＆＃39;点击＆＃39;，功能（e）{         $（本）.parent（＆＃39; .alert＆＃39;）。remove（）方法;     }）;

或者

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

这将删除最近的父

Answer 4

我假设你试图删除＆＃39; x＆＃39;的父母。 点击x。应删除父div。

在JS文件中进行这些更改

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