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] 選択されたチェックボックスの値を取得する

選択されたチェックボックスの値を取得するサンプルです。 サンプルソース 例)ボタンを押すと選択された全チェックボックスの ...

[jQuery] 子要素を取得する(.children)

指定した要素の子要素(直下のみ)を取得するには、.childrenを使用します。 サンプルソース 例)div#test要 ...

[jQuery] 要素にイベントを一度に複数追加する(.on)

要素にイベントを一度に複数追加するには、.onを使用します。 サンプルソース 例)id="txt1"要素にイベントを複数 ...

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

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

[jQuery] 指定した要素の次以降にある兄弟要素から指定した要素までを取得する(.nextUntil)

指定した要素の次以降にある兄弟要素から指定した要素までを取得するには、 .nextUntil() を使用します。 構文 ...

スポンサーリンク