javascript - jQuery.text()-如何在不影响任何子元素的情况下更改标记的文本

我正在编写一个小的jQuery插件以允许进行内联编辑(出于我的目的，我需要一个非常小的轻巧的自定义插件)。一切工作都很好，除了当我用新值更新原始标签时，它删除了用于引发编辑的编辑图像，因此不允许进行进一步的编辑。

我尝试了以下操作，用替换了编辑图像，但是编辑图像不再具有与之关联的click处理程序。

HTML看起来像这样

<h2 class="inlineEdit">Thing to edit<a href='' class='pencil_edit_image'></a></h2>

javascript看起来像:

var editThis = $(".inlineEdit");

var existinglink = editThis.find(".pencil_edit_image");
editThis.text($(this).val());
editThis.append(existinglink);

我怎样才能最好地做到这一点？

最佳答案

您是否尝试过将其拆下，然后再更换？

var existinglink = editThis.find(".pencil_edit_image");
existingLink.detach();
editThis.text($(this).val());
editThis.append(existinglink);