javascript - jQuery：选择没有标签的文本并用一个包装它

Question

我有一个你在下面看到的代码：

<div class="categories-list">
Description One
<ul>
    <li>
        <span>CATEGORY1</span>
        <span>CATEGORY2</span>
        <span>CATEGORY3</span>
    </li>
</ul>
</div>

我想要做的是选择没有标签的文本“Description one”并使用jQuery用标签（特别是h2）包装它，所以最终代码如下所示：

<div class="categories-list">
<h2>Description One</h2>
<ul>
    <li>
        <span>CATEGORY1</span>
        <span>CATEGORY2</span>
        <span>CATEGORY3</span>
    </li>
</ul>
</div>

我知道我可以使用 wrap() 函数来完成第二件事。选择部分是我遇到问题的部分。

Answer 1

在您走过元素之前， Simplewrap无法完成这项工作：contents

$(".categories-list").contents().first().wrap("<h2 />");

演示：http: //jsfiddle.net/MDhvY/