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中删除附加数据。

我遇到的问题是，当用户选择新网址来填充appendTo数据时，旧的数据也会存在，所以我最终得到了多个<a>＆amp; <img>设置。

我尝试了很多不同的方法，但似乎没什么用。

如果我：

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

下一个功能的dom中不再提供status_01 DIV。

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

也不起作用。

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

有可能吗？

或者除了appendTo之外我还可以使用其他东西代替首先附加数据？

Answer 1

这可能吗？

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="gmap"></div>

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

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

Answer 2

除 @ Remy's 正确答案外，您还可以使用.empty()：

SELECT
    [Job_No]
,   ROW_NUMBER() OVER (ORDER BY [Job_No]) AS [rownumber]
,   [BaselineStart]
,   [BaselineFinish]
,   [ExpectedStart]
,   [ExpectedFinish]
,   [ScheduledStart]
,   [ScheduledFinish]
,   [ActualStart]
,   [ActualFinish]
FROM
    [Schedule]
WHERE
    [rownumber] BETWEEN 10 AND 20;

删除AppendTo元素jQuery

2 个答案: