jquery - 我们如何将跨度添加到 ul 内的文本，即 jquery 或 css 中的 li 之外

Question

如何向“测试内容 1”和“测试内容 2”添加跨度？

<ul>
    Test content1
    <li>list item 1</li>
    <li>list item 2</li>
    Test content2
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5</li>
</ul>

Answer 1

<ul> 的唯一有效子元素元素是一个 <li>元素(MDN，HTML5 Spec，HTML4 Spec)。因此，拥有 <ul> 的文本节点子节点是无效的首先，拥有<span>也是无效的一个 child <ul> .这样做会在不同的浏览器中产生不可预知的结果。

但是，如果您只想知道如何使用 jQuery 将某个给定元素的所有文本节点子元素包装在 span 中:

$("#parent").contents().filter(function () {
    return this.nodeType == 3;
}).wrap("<span>");