javascript - jQuery 删除/克隆

Question

test 123<br>
    test <span class="underline" id="1" onclick="test1(this);">hez
    <ul class="spellCheck_suggest">
        <li data-wordid="1" onclick="test(this);">heyerdahl</li>
        <li data-wordid="1" onclick="test(this);">heywood</li>
        <li data-wordid="1" onclick="test(this);">hezekiah</li>
        <li data-wordid="1" onclick="test(this);">hf</li>
        <li data-wordid="1" onclick="test(this);">hg</li>
        <li data-wordid="1" onclick="test(this);"><font color="red">hez</font></li>
    </ul>
    </span>

上面是我的 DIV 标签之一中的 HTML。

目前我执行的以下代码运行良好......

$(".spellCheck_suggest").remove();
 var mainContentHTML = $("#" + mainContent).html();

这会从我的 dom 中删除所有 .spellCheck_suggest 类，然后给我上面 html 的 html 代码，它应该只是:

test 123<br>
test <span class="underline" id="1" onclick="test1(this);">hez</span>

但奇怪的问题是如果我尝试克隆

 var divclone= $("#divid").clone();

然后尝试做其中一个..

divclone.replaceWith(".spellCheck_suggest","");
divclone.remove(".spellCheck_suggest");

它不会删除它...我的计划是删除它然后将 .html() 返回给用户

我使用克隆或删除错误吗？

Answer 1

尝试:

$(".spellCheck_suggest", divclone).remove();