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();

Answer 2

也许你克隆元素，然后使用它，而不是使用可见元素。

Answer 3

试试这个：

divclone.find('.spellCheck_suggest').remove()

jQuery删除/克隆

3 个答案: