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

简单wrap无法完成工作，直到您走过元素的contents：

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

DEMO： http://jsfiddle.net/MDhvY/