추가 내용을 지우는 Jquery

Question

도시에 대한 자동 완성 텍스트 필드가 있습니다. 예를 들어, 입력하는 동안 도시는 드롭 다운 목록에 제안됩니다. 도시를 선택하면 hide()을 사용하여 텍스트 필드를 숨기고 선택된 도시 이름을 #city div에 추가하여 텍스트 필드를 대체합니다.

텍스트 필드를 다시 표시하는 편집 버튼도 있습니다. 편집을 클릭하면 이전에 추가 된 도시 이름이 지워지고 선택한 새 도시 이름으로 바뀝니다.

이런 종류입니다. 도시를 선택할 때하지만 난 완전히 다시 내가이 대신 교체의 이전하여 새 도시를 추가

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

사용하는 텍스트 필드 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   
      }); 

를 제거합니다. 나도 replaceWith()를 시험해 보았다. 그러나 아무것도 일어나지 않는다.

누구든지이 용도에 적합한 Jquery 함수를 제안 할 수 있습니까?

Answer 1

먼저

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

를 사용할 수 있습니다 직접

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