jQuery清除附加内容

Question

我有一个自动填写的城市文本字段。 例如，键入时建议在下拉列表中选择城市。 选择城市后，我使用hide()隐藏文本字段并将所选的城市名称附加到#city div上，以替换文本字段。

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

有点像这样。 但我完全删除了文本字段http://www.emposha.com/demo/fcbkcomplete_2/

$('#edit').click(function() {
              $(this).hide(); //hide edit button
              $("#city").append(""); //clear city name
              $("#city_text_field").show(); //show text field         
            });

当我再次选择城市时

$('#city').append('selected city');

这会将新城市附加到上一个城市，而不是替换它。 我也尝试过replaceWith()但是什么也没有发生。

任何人都可以建议适合此功能的Jquery函数吗？

Answer 1

你可以先用

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

或直接将内容替换为

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