刪除一個AppendTo元素jQuery

Question

我有一個將動態a和img標簽附加到特定div ID的函數：

$('<a class="fap-single-track" href="http://web.com"><img src="http://web.com/image.jpg').appendTo("#status_01");

但我希望用戶能夠更新此鏈接（頁面上的其他位置）。

當我不確切知道數據是什么（如何從遠程API收集url和圖像鏈接）時，如何從＃status_01中刪除附加的數據。

我遇到的問題是，當用戶選擇一個新的URL來填充appendTo數據時，舊的URL也在那里，因此我最終得到了多個<a>和<img>集。

我嘗試了很多不同的方法，但是似乎沒有任何效果。

如果我 ：

$('#status_01').remove(); // before adding new data

dom中的status_01 DIV不再可用於下一個功能。

$('#status_01').detach();

也不起作用。

我也嘗試過將prepend和其他一些東西混合使用，但是似乎都沒有擺脫appendTo數據。

可能嗎？

或者，也許除了appendTo之外，還有其他我可以用來附加數據的東西？

Answer 1

這也許嗎？

$('#status_01').html("");

或者，如果您只想刪除最后一個：

$('#status_01').children().last().remove();

Answer 2

除了@Remy 的正確答案外，您還可以使用.empty（） ：

$('#status_01').empty();