javascript - 包み方別の?

Question

次のコードを使用して、jQuery の別の順不同リスト内にラップしたい順不同リストがあります。

$('ul.innerlist').prepend('<ul><li>');
$('ul.innerlist').append('</li></ul>');

ただし、最初の行で開始タグを作成し、2 番目の行で終了タグを作成する (および をラップする) のではなく、最初の行で開始タグと終了タグの.innerlist両方を作成しているように見えるため、このような結果になります。

<ul>
  <li></li>
</ul>
<ul class="innerlist">
  <li></li>
</ul>

これの代わりに：

<ul>
  <li>
    <ul class="innerlist">
      <li></li>
    </ul>
  </li>
</ul>

Answer 1

これは、jQuery のwrap()メソッドを使用して、選択した要素を指定した要素でラップします。

例: http://jsfiddle.net/patrick_dw/bD8LQ/

$('ul.innerlist').wrap('<ul><li></li></ul>');

Answer 2

http://api.jquery.com/wrap/を参照してください。

Answer 3

以下を試してください：

$('ul.innerlist').each(function(i,v){v=$('<ul><li></li></ul>').append(v);});

またはwrap関数。