删除 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");

但我希望用户能够更新这个 link（在页面的其他地方）。

当我不知道确切的数据是什么（url 和图像 link 时，如何从 #status_01 中删除附加数据从远程收集 API).

我遇到的问题是，当用户选择一个新的 URL 来填充 appendTo 数据时，旧的也在那里，所以我最终得到多个 <a> & <img>套。

我尝试了很多不同的方法，但似乎没有任何效果。

如果我：

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

status_01 DIV 在下一个函数的 dom 中不再可用。

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

也不行。

我也尝试过混合使用 prepend 和其他一些东西，但是 none 它似乎摆脱了 appendTo 数据。

可能吗？

或者除了 appendTo 之外，我还可以使用其他方法来首先附加数据？

Answer 1

这可能吗？

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

或者，如果您只想删除最后一个：

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

Answer 2

除了@Remy的正确答案外，还可以使用.empty():

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

Removing an AppendTo element jQuery