jquery cambia 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> 

Ho un div costruito utilizzando la stringa precedente. Dopo un po 'di elaborazione .. Devo cambiare il dialog_title nel suddetto div. Sto cercando di farlo con il seguente codice

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

Anche se questo cambia la finestra di dialogo title..it rimuove l'elemento di arco che viene utilizzato per aprire una finestra di dialogo.

ho cercato di metodo ReplaceWith con una stringa con il nuovo title..but finestra di dialogo che mostra NaN per il titolo e la durata anche se non posso essere cliccato visibile (sono eventi disabili?)

Come posso cambiare il testo senza perdere lo span e la possibilità di cliccarlo.

Grazie in anticipo.

Answer 1

mettere il titolo nel proprio arco.

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

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

Answer 2

penso che questo farà:

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

Answer 3

modo migliore e più semplice è quello di mettere il titolo all'interno di un arco e sostituire poi.

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

ora si può semplicemente utilizzare questo:

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