jquery改变div文本

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>

我有一个使用上面字符串构造的 div。经过一些处理后..我必须更改上面 div 中的dialog_title。我正在尝试使用以下代码来做到这一点

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

虽然这会更改对话框标题..但它会删除用于打开对话框的 span 元素。

我尝试使用带有新对话框标题的字符串来替换方法。但是，标题显示为 NaN，并且虽然可见但无法单击跨度(事件是否被禁用？)

如何更改文本而不失去跨度和单击它的能力。

Answer 1

将标题放在自己的范围内。

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

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