0

私の 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 を削除するにはどうすればよいですか? thisbutton$(thisbutton) はここでは機能しないため、jquery で識別できますか?

4

2 に答える 2

1

html から js を分離し、jquery でクリック イベントを使用します。

フェードアウトあり

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

デモ

または、slideUpを試してください

デモ2

于 2013-06-22T05:46:11.537 に答える
1

こんな感じかな？

function remove_div_of_this_button(thisbutton)
{
    $(thisbutton).parent().fadeOut(function() {
        $(this).remove();
    });
}
于 2013-06-22T05:37:23.637 に答える