Javascript取消标记没有id的跨度

Question

是否有可能找到并取消标记字符串中没有 ID 的跨度？我有一段文本，其中有一堆跨度，其中一些有 ID，而另一些则没有。

输入:

<span>Hi there!</span><span id="blabla">This is a test</span>

输出:

Hi there!<span id="blabla">This is a test</span>

我更喜欢 JavaScript 函数，但如果 jQuery 能让事情变得更简单，我不介意使用它!

Answer 1

您应该能够使用 :not 的组合伪选择器和一个“has-attribute”选择器:

$("span:not([id])").contents().unwrap();

这是一个 working example .注意 HTML 代码是如何由 4 个 span 元素组成的，CSS 规则适用于所有 span 元素，但不适用于 2 个 span > 没有 id 的元素，因为它们已被上述 jQuery 解包。

contents方法返回所选元素的所有子元素，并且 unwrap删除父级，在这种情况下将是不需要的 span。