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