0

jQueryで変更する必要があるこのパターンがあります：

    <li class="ref">
        <a href="#title1">title1</a>
    </li>
    <div id="title1" class="content"></div>
    <li class="ref">
        <a href="#title2">title2</a>
    </li>
    <div id="title2" class="content"></div>

私はそれがなる必要があります:

  <ul>
    <li class="ref">
        <a href="#title1">title1</a>
    </li>
    <li class="ref">
        <a href="#title2">title2</a>
    </li>
 </ul>
<div>
    <div id="title1" class="content"></div>
    <div id="title2" class="content"></div>
</div>

最後に、li と div の両方のグループをラップできることはわかっていますが、DOM でそれらすべてをグループ化して正しい順序で置き換える簡単な方法をいただければ幸いです。

4

2 に答える 2

0

これは役立つはずです（フィドル）：

var ul = $('<ul>'), div = $('<div>'), body = $('body')
$('.ref').appendTo(ul)
$('.content').appendTo(div)
ul.add(div).appendTo(body)
于 2013-10-21T10:31:52.823 に答える
0

wrapAll()セレクターをラップするために使用できます

 $('.ref').wrapAll('<ul>');
 $('.content').wrapAll('<div>');

ここでフィドル

于 2013-10-21T10:27:58.737 に答える