jquery - 追加 div，当特定文本出现在元素中时。当特定文本消失时将其返回到原始位置

Question

当 span 元素中的特定文本出现时，我想将 div 移动到另一个位置。并将其移回原始位置并在该特定文本消失时将其隐藏。

我几乎用下面的代码实现了这个功能，但是有一个问题，triggertext 可以出现/消失多次，我使用的代码创建了我想要移动的 div 的许多副本。每次出现 triggertext 时，都会出现我要移动的 div 的新副本。

$(".add-documents, .document-list").hide();

$('.docu').change(function(){
    if ($(".docu .container span:contains('triggertext')").length) {
        $(".add-documents, .document-list").show();
        $(".add-documents, .document-list").appendTo(".docu");
    } else {
        $(".add-documents, .document-list").hide();
    }
});

标签： jqueryhtml