1

以下に示すコードがあります。

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

私がしたいのは、タグのないテキスト「説明1」を選択し、jQueryを使用してタグ（具体的にはh2）でラップすることです。最終的なコードは次のようになります。

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

2番目のことを完了するためにwrap（）関数を使用できることを知っています。選択部分は、私が問題を抱えている部分です。

4

1 に答える 1

10

要素の上を歩くまで、 Simplewrapは仕事をすることができませんcontents：

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

デモ: http://jsfiddle.net/MDhvY/

于 2013-04-03T13:16:41.100 に答える