● jQueryで特定のタグのみ削除する

元の要素

<div>
   <p class="active"><a href="#">子要素のaタグのみ削除したい</a></p>
</div>

削除コマンド unwrap()

unwrap() は指定要素を囲むタグを削除する事ができるメソッドです。

  // 子要素のタグのみ削除
  $('.active').children().contents().unwrap();

削除後

<div>
  <p class="active">子要素のaタグのみ削除したい</p>
</div>

● unwrap()の例1.

<div>
	<div>
		<div>
			<span id="hoge">アイウエオ</span>			
		</div>
	</div>
</div>

　　　↓ unwrap() を1回実行すると

	$('#hoge').unwrap();

　　　↓ こうなります

<div>
	<div>
		<span id="hoge">アイウエオ</span>			
	</div>
</div>

● unwrap()の例2. DIV タグを削除して BR タグにします。

元のhtml

<div id="test">
	<div>
		<span style="color:red;">1行目のテスト</span>
	</div>
	<div>
		2行目のテスト
	</div>
</div>

unwrap() 実行

	$('#test').find('div').each(function(index, element){
		$(element).contents().unwrap().append('<br>');
	});

実行後のhtml

<div id="test">
		<span style="color:red;">1行目のテスト<br></span>
		2行目のテスト
</div>