javascript - 更新 Div 中的文本的问题

Question

我正在尝试更新 div 中的文本。 div 是可拖动和可调整大小的(使用 jquery ui 插件)。我需要在不影响为 div 设置的任何这些属性的情况下更新文本。

在使 div 可调整大小时，jquery 插件添加了两个内部 div，并且此 div 在使用 .text() 方法更新父 div 的文本时被删除。有谁知道如何解决这个问题？

更新前的div结构

<div ondblclick="showPopup(this)" class="draggable ui-draggable ui-resizable" 
             id="Text10" style="position: relative;">
    test
    <div class="ui-resizable-handle ui-resizable-e"></div>
    <div class="ui-resizable-handle ui-resizable-s"></div>
    <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" 
         style="z-index: 1001;"></div></div>

更新后的div结构

<div ondblclick="showPopup(this)" class="draggable ui-draggable ui-resizable"     
             id="Text10" style="position: relative; background-color: rgb(255, 255, 255); font-family: Arial; font-size: 13px; font-weight: bold;">
    test-updated
</div>

使用的脚本:

$('#Text10').text($('#newText').val());

Answer 1

一种方法可能是在外部 div 中添加一个 span 标签。然后可以通过以下方式执行文本更改:

$('#Text10 > span').text($('#newText').val());