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> 

Ich habe ein div mit der obigen Zeichenfolge konstruiert. Nach einiger Verarbeitung..Ich muss den dialog_title im obigen div ändern. Ich versuche es mit dem folgenden Code

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

zu tun, während dies der Dialog title..it ändert das span-Element entfernt, die ein Dialogfeld zu öffnen, verwendet wird.

Ich habe versucht, die replaceWith Methode mit einem String mit neuem Dialog title..but die NaN für den Titel und die Spannweite zeigt jedoch sichtbar kippt angeklickt wird (sind deaktiviert Ereignisse?)

Wie ändere ich den Text ohne Verlieren Sie die Spannweite und die Fähigkeit, darauf zu klicken.

Vielen Dank im Voraus.

Answer 1

den Titel in seiner eigenen Spanne Put.

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

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

Answer 2

Ich denke, das tun wird:

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

Answer 3

beste und einfache Art und Weise ist Titel innerhalb einer Spanne zu setzen und dann ersetzen.

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

jetzt können Sie einfach verwenden:

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