Javascript Jquery清除附加内容

我有一个自动完成的城市文本字段。例如，键入时，在下拉列表中建议城市。选择城市后，我使用

hide（）

隐藏文本字段，并将所选城市名称附加到#city div，替换文本字段

我还有一个编辑按钮，使文本字段重新出现。因此，当我单击“编辑”时，它应该清除前面附加的城市名称，并将其替换为我选择的新城市名称

有点像这样。但是我完全删除了文本字段

再次选择城市时，我使用

$（'#城市'）。附加（'selected city'）

这会将新城市附加到上一个城市，而不是替换它。我还尝试了
replaceWith（）
，但什么也没发生

有人能推荐一个适合此功能的Jquery函数吗？
您可以先使用

$("#city").empty();

或者直接将内容替换为

$("#city").html('selected city');

$("#city").html('selected city');