jquery - JQuery - DOM 要素を追加してから削除する

Question

親 div 内に子 div を追加してから、x 秒で子 div を削除する必要があります。

親 div に追加された複数の子 div が存在する可能性があります。

子 div を特定して削除する最善の方法は何ですか?

$("#parent_div").prepend("<div>"+msg+"</div>");

ありがとう。

Answer 1

それへの参照を保持することにより：

function doTheChildDivThing() {
    var child = $("<div>" + msg + "</div>");
    $("#parent").prepend(child);
    setTimeout(function() {
        child.remove();
    }, 1000);
}

---

以下のコメントを再確認してください。

その場合、(setTimeout ではなく) delay() が機能しないのはなぜですか?

delayエフェクト キューで動作します。removeエフェクト関連のメソッドではありません。ただし、 のようなエフェクト メソッドdelayの 1 つと一緒に使用することもできます。次に、次のように、エフェクト メソッドの完了コールバック内で子を削除します。slideUp

function doTheChildDivThing() {
    var child = $("<div>" + msg + "</div>");
    $("#parent").prepend(child);
    child.delay(1000).slideUp(function() {
        child.remove();
    });
}