Jquery 内联编辑代码中出现错误

Jquery 内联编辑代码中出现错误,jquery,Jquery,我有一个包含另一个嵌套div的div html <div class="draggable"> <div class="edit_text">Hello</div> </div> 问题在本节中 $(this).find('.edit_text').html($($editbox).val()); alert($($editbox).val()); $($editbox).remove() 当我在div外部单击时,警报将显示$editb

我有一个包含另一个嵌套div的div html

<div class="draggable">
   <div class="edit_text">Hello</div>
</div>
问题在本节中

$(this).find('.edit_text').html($($editbox).val());
alert($($editbox).val());  
$($editbox).remove()
当我在div外部单击时,警报将显示
$editbox.val()

但是一旦删除editbox,innder div的html即
edit_text
就会有所缺失


我做错了什么?

$edit框在.edit\u text div内。您的代码行:

$(this).find('.edit_text').html($($editbox).val());
试图向下看DOM;事实上,您需要查找:

$(this).closest('.edit_text').html($($editbox).val());
这还应注意删除$editbox,因此您可能可以删除此行:

$($editbox).remove() 
$($editbox).remove()