wrap
wrap メソッドは、対象要素の外部に1層の要素をラップするために使用されます。wrap 操作を実行する前に、自動的に $ メソッド の初期化操作が実行されるため、具体的な要素の文字列やオブジェクトを直接記述することができます。
I am 1
I am 2
I am 3
注意事項
対象要素は親ノードを持っていなければならない、さもなくばラップ操作は失敗する。
const $el = $(`
<div>
<div id="target"></div>
</div>
`);
$el.wrap("<div>new div</div>"); // エラー：親要素がないため、ラップできません
$el.$('#target').wrap("<div>new div</div>"); // 正解：親要素がある注意点として、o-fill や o-if などのテンプレートコンポーネント内で操作しないでください。