jQuery

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

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

要素を削除するには、.empty()を使用します。

サンプルソース

例)ボタンを押すとid="list1"要素を削除する

実行サンプル

ボタンを押すとリストをemptyメソッドを使って削除します。

  • いぬ
  • ねこ
  • たぬき

解説

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

関連項目


スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素のwidth、heightを取得/設定する

要素のwidth、heightを取得/設定するサンプルです。 サンプルソース 例)要素(id="box1")の幅と高さを ...

[jQuery] 要素を囲んでいるタグを削除する(.unwrap)

要素を囲んでいるタグを削除するには、unwrapを使用します。 サンプル 例)ボタンを押すと、指定した要素を囲っているタ ...

[jQuery] マウスボタン押し上げイベントを設定する(.mouseup)

jQueryでマウスボタン押し上げイベントを記述するには、.mouseup()を使用します。 ※ボタン押し上げとは、押し ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

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

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

スポンサーリンク