[jQuery]非表示後にDOMを削除する書き方

WEB

2024.03.13

やっていく。

こうする

こういうのがあったとして。

<button type="button">click</button>
<ul>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
    <li>あああああああああ</li>
</ul>

こう。

$(function(){
    $(document).on('click','button',function(){
        $('ul li:first-child').fadeOut().queue(function(){$(this).remove()});
    })
})

.queue()を繋げて、その中にfunction()を作って処理を入れていく。