Question

在我的HTML代码中，我有一个div。该div包含对用户的一些警告。警告包含在没有ID的div元素中。如果用户单击关闭按钮，则应删除警告div。

<div id="alarmbox" align="center">
      <div>this is warning 1<button onclick="remove_div_of_this_button(this);">x</button></div>
      <div>this is warning 2<button onclick="remove_div_of_this_button(this);">x</button></div>
</div>

这是我的JS代码：

function remove_div_of_this_button(thisbutton)
{
    thisbutton.parentNode.parentNode.removeChild(thisbutton.parentNode);
}

工作正常。但是，删除元素最好是动画而不是突然删除。如果我只想操纵JS，如何用jquery删除div？是否有可能在jquery中识别thisbutton，因为$（thisbutton）不应该在这里工作？

Answer 1

喜欢这样吗？

function remove_div_of_this_button(thisbutton)
{
    $(thisbutton).parent().fadeOut(function() {
        $(this).remove();
    });
}

Answer 2

从你的html中分离js并使用jquery使用click事件。

fadeOut

$(function(){
    $('#alarmbox button').click(function () {
        $(this).closest('div').fadeOut(1000,function(){
            $(this).remove();
        });
    });
});

Demo

或尝试 slideUp

jquery这个动画这个元素没有id

2 个答案:

Demo

Demo2