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與效果隊列一起使用。 remove不是一個影響相關的方法。您當然可以使用delay與effects methods之一，但是，像slideUp一樣。然後，你會在效果方法的完成回調中移除子項，如下所示：

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