jQueryにおけるunwrapメソッドによる要素の親の削除
逆に、要素をラップするのではなく、メソッド
unwrap
を使用して要素を展開する(つまり親を削除する)ことができます。
次の例では、divタグ内にある段落があります:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p>text</p></div>
クラスwwwを持つ段落に対して、展開操作
unwrapを実行してみましょう:
$('.www').unwrap();
これにより、HTMLコードは次のようになります:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<div><p>text</p></div>
また、メソッドには文字列形式のセレクタを渡すこともできます。 その場合、要素の親が指定されたセレクタに一致する場合にのみ処理が行われます:
$('i').unwrap('p');
divでラップされた段落pを見つけ、
それらのdivを削除してください。
pでラップされたすべてのspanタグを見つけ、
spanタグをそのままに、それらのpを削除してください。