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');