jQueryで特定の要素を包容する

特定の要素に対して閉じタグを付与することが可能です。
システムで吐き出される要素や、変更したい場所が膨大にある場合など時間がかかる場合など利用できるかもしれません。

<div class="box">
    <span>テキスト</span>
    <span>テキスト</span>
    <p>テキスト</p>
</div>

</div>

$( '.box span' ).wrap( '<p></p>' );

1	$( '.box span' ).wrap( '<p></p>' );

上記を実行すると、下記のようになります。

<div class="box">
    <p><span>テキスト</span></p>
    <p><span>テキスト</span></p>
    <p>テキスト</p>
</div>

</div>

また、.wrapAllを使用すれば特定の要素のみを一個にまとめることができるので、
jsでまとめて置換したり、移動など、特定の指定をしたい場合などに役に立ちます。

$( '.box span' ).wrapAll( '<div class="wrap"></div>' );

1	$( '.box span' ).wrapAll( '<div class="wrap"></div>' );

<div class="box">
    <div class="wrap">
        <span>span</span>
        <span>span2</span>
    </div>
    <p>テキスト</p>
</div>

</div>

</div>

.wrapAllで指定すれば、上記のようにspanタグをdivで包容することができクラスも指定することができます。

jQueryでDOM要素を削除

CSSでトリミング　object-fit