JQuery|要素(エレメント)の削除方法まとめ
スポンサーリンク
JQueryで要素を削除する方法はいろいろあるのでメモしておきます。
まずはHTMLを用意しておきます
<p class="parent"> <span class="child">子要素</span> </p>
要素本体と中身も全て削除する
remove()で要素本体と中身も含めて削除します。
$(".parent").remove();
これで削除後のHTMLは何もなくなります。
要素の中身だけ削除する
empty()で要素の中身だけ削除することができます。
$(".parent").empty();
削除後のHTMLは、以下のようになります。
<p class="parent"> </p>
親要素を削除する
unwrap()で親要素のみを削除することができます。
$(".child").unwrap();
削除後のHTMLは、以下のようになります。
<span class="child">子要素</span>
更新日:2018年08月26日
作成日:2018年07月13日