jQuery

[jQuery] 要素を削除する(.remove)

投稿日:2017年5月30日 更新日:

要素を削除するには、removeを使用します。

サンプルソース

例)ボタンクリックで、id="dv1"要素を削除する

実行サンプル

ボタンをクリックすると、「いぬ」がremoveされます。

いぬ
ねこ

解説

  • remove対象の要素に、子要素があった場合は同時に削除されます。
  • 要素を削除するメソッドには.empty()もあり、違いは以下の通りです。
     empty:指定した要素の中身のみ削除する
      例)<div id="d1">あああ</div> をemptyする ⇒ <div id="d1"></div>
     remove:指定した要素そのものを削除
      例)<div id="d1">あああ</div> をremoveする ⇒ ""

関連項目


スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 配列から重複要素を取り除く($.unique)

jQueryで配列から重複要素を取り除くには、uniqueを使用します。 サンプルソース 例)配列から重複要素を取り除い ...

[jQuery] Ajaxでデータを取得する

Ajaxでデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとAjax通信を行い、結果をコンソールに出力す ...

[jQuery] タグに付けた独自属性を取得、削除する

jQueryでタグに付けた独自属性を取得、削除するサンプルです。 サンプルソース 例)ボタンを押すと属性の取得、削除を行 ...

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

スポンサーリンク