javascript - 使用 jquery 获取 .html() 除了子元素的内容

Question

有点神秘的话题，但这就是我想做的......

假设我得到了一个包含以下 HTML 的列表

<ul> 
    <li> I want to be selected <span class="skipme">but I rather not</span> </li>
</ul>

现在我想获取<li>内的所有html/文本具有标识符 .skipme 的 child 内容除外。

我该如何实现这一目标？

我一直在尝试使用 not 选择器，但没有任何运气。例如

var MyHtml = $('ul li').not('skipme').html();
console.log(MyHtml)

打印I want to be selected <span class="skipme">but I rather not</span>而不是I want to be selected这就是我想要的。

Answer 1

您可以使用:

$("ul li").clone().children().remove().end().text();   

<强> Demo

对于删除具有特定类的元素:

$("ul li").clone().children('.skipme').remove().end().text();   
                               ^
                               |____ add selector here

<强> Working Demo