单击时克隆的项目,返回原始格式但不会被删除

我克隆了一排元素。 克隆后,原始文本框元素将替换为链接。 然后,如果用户选择删除克隆的项目,它将以原始forms(即tetxbox)返回到原始位置。 这种逆转工作正常。 只是没有发现克隆项目的删除。

点击删除后,克隆的项目将被删除但不完整。单击的链接的值将附加到列表中的下一个克隆项目。为什么链接没有被删除?

下面忽略主题名称并关注带有值的链接以RM开头之前删除已点击(克隆项目)

在此处输入图像描述

删除后点击(克隆项目)
在此处输入图像描述

这是我克隆的方式:

function getText(param) { var clony = $("div.clone_this#"+param).remove().clone(true, true).insertBefore("#sub"); var price = $("input[type=text].text_"+param).val(); // alert(price); clony.find('input[type=text]').replaceWith("RM "+price+""); clony.find('.cr').append(""); } 

这是我删除和更改回原始forms的元素的方式。

 function removeThis(param) { event.preventDefault(); $("div.clone_this#"+param).detahttps://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch().appendTo("#sub"); var price = $("a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch]").text(); $("div.clone_this#"+param).find($("a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/ch]").text(price)).replaceWith(""); $("div.clone_this#"+param).find("a[href=https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/del]").remove(); return false; } 

由jquery注入的HTML(仅包装器)内容

  

Finally, https://stackoverflow.com/questions/33166591/cloned-item-when-clicked-to-gets-back-to-original-form-but-doesnt-get-removed/choose your Course:

最后,我自己找到了答案。 $(this)的用法解决了我的问题。

 function removeThis(param) { event.preventDefault(); $("div.clone_this#"+param).detach().appendTo("#sub"); var price = $("a[href=ch]").text(); $(this).find($("#sub a[href=ch]").text(price)).replaceWith(""); $("div.clone_this#"+param).find("a[href=del]").remove(); return false; }