Question

我有以下HTML代码，如Firebug所示。

<div class="k-tabstrip-wrapper">

    <div id="testYearTab" class="yearTab k-widget k-header k-tabstrip" data-bind="source: chuva" data-role="tabstrip" tabindex="0" role="tablist">

        First element Second LastFirst element Second Last…

        <ul class="k-tabstrip-items k-reset">
            <li class="k-item k-state-default k-first" role="tab" aria-controls="testYearTab-1"></li>
            <li class="k-item k-state-default" role="tab" aria-controls="testYearTab-2"></li>
            <li class="k-item k-state-default" role="tab" aria-controls="testYearTab-3"></li>
        </ul>
    </div>

</div>

现在，我想要的是删除文本“First element Second LastFirst element Second Second ...”怎么做？仅供参考，所述文本并未放置在任何标签上，例如“h1”。

顺便说一句，上面的代码是由kendoTabStrip生成的。

由于

Answer 1

您可以删除元素#testYearTab的文本节点子项

$('#testYearTab').contents().filter(function () {
    return this.nodeType == 3
}).remove();

Answer 2

在这种情况下，这将起作用

$('#testYearTab').contents().eq(0).remove()

DEMO

Answer 3

$('#testYearTab:contains("First element")').remove();

通过jquery从HTML中删除未标记的文本

3 个答案: