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