jquery change div text

Question

'<div id="'+div_id+'" class="widget" style="height:60px;width:110px">\n\ 
      <div class="widget-head ui-widget-header" style="cursor:move;height:20px;width:130px">'+ 
     '<span id="'+span_id+'" style="float:right; cursor:pointer" class="dialog_link ui-icon ui-icon-newwin ui-icon-pencil"></span>' + 
      dialog_title+'</div></div> 

Mam div skonstruowany przy użyciu powyższego ciąg. Po pewnym przetwarzaniu. Muszę zmienić dialog_title w powyższym div. Staram się robić to z następującego kodu

$('#'+div_id+' .widget-head').text("new dialog title"); 

Chociaż zmienia title..it dialogowe usuwa element rozpiętości, który jest używany, aby otworzyć okno dialogowe.

Próbowałem metody replaceWith z ciągiem z nowego title..but dialogowym który pokazuje NaN dla tytuł i rozpiętości choć widoczne cant być kliknięty (są zdarzenia wyłączone?)

Jak mogę zmienić tekst bez tracąc rozpiętość i możliwość kliknięcia.

Z góry dziękuję.

Answer 1

Umieścić tytuł w swojej rozpiętości.

<span id="dialog_title_span">'+dialog_title+'</span> 

$('#dialog_title_span').text("new dialog title"); 

Answer 2

myślę, że to zrobi:

$('#'+div_id+' .widget-head > span').text("new dialog title"); 

Answer 3

najlepiej i prostym sposobem jest umieszczenie tytuł wewnątrz zakresu i zastąpić czasu.

'<div id="'+div_id+'" class="widget" style="height:60px;width:110px">\n\ 
     <div class="widget-head ui-widget-header" 
       style="cursor:move;height:20px;width:130px">'+ 
    '<span id="'+span_id+'" style="float:right; cursor:pointer" 
      class="dialog_link ui-icon ui-icon-newwin ui-icon-pencil"></span>' + 
     '<span id="spTitle">'+ 
     dialog_title+ '</span>' 
'</div></div> 

teraz można po prostu użyć tego:

$('#'+div_id+' .widget-head sp#spTitle').text("new dialog title");