.empty()

http://api.jquery.com/empty/

要素内の子要素(テキストも対象)を全て削除します。

.empty() 1.0追加
デモ

.empty() 1.0追加

戻り値:jQuery

<div class="container">
  <div class="hello">こんにちは</div>
  <div class="goodbye">さようなら</div>
</div>

次のように削除処理を実行します。

$('.hello').empty();

結果は下記のように「こんにちは」のテキストが削除されます。もし他にもclass="hello"があれば、同じように内部のテキストやコンテンツが削除されます。

<div class="container">
  <div class="hello"></div>
  <div class="goodbye">さようなら</div>
</div>

jQueryはメモリーリークを回避するために削除される要素に紐付くイベントハンドラやDataも削除します。あとで再利用するためにこれらの情報を残したい場合などは、.detach()メソッドを使用してください。

デモ

全てのP要素内から全ての子要素(テキストを含む)を削除します。

<!DOCTYPE html>
<html>
<head>
<style>
  p { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>
  テキスト <span>SPAN要素</span> <a href="javascript:;">A要素</a>
</p>
<button>empty()でP要素内のコンテンツを削除します</button>
<script>
  $("button").click(function () {
    $("p").empty();
  });
</script>
</body>
</html>