javascript - 删除 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 收集网址和图像链接)，如何从 #status_01 中删除附加数据。

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

我尝试了很多不同的方法，但似乎都不起作用。

如果我:

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

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

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

也不起作用。

我也尝试过混合前置和其他一些东西，但似乎都没有摆脱appendTo数据。

可能吗？

或者也许除了appendTo之外我还可以使用其他东西来附加数据？

Answer 1

这也许是？

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

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

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