jQuery
empty
empty
empty()는 タグの中にあるのを全部削除します。
HTML
<div class="hello">hello world</div>
上にあるHTMLソースで hello worldを削除する機能をempty()がします。
jQuery
$('.hello').empty();
上のjQueryソースが作動すると hello クラスが持ってる テキストなhello worldが削除されます。
例
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>pinkcoding :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.min.js" ></script>
<script>
$(function(){
$('.hello').empty();
});
</script>
<style>
</style>
</head>
<body>
<div class="hello">hello world</div>
</body>
</html>
結果は、すぐ下で確認出来ます。
hello クラスの中にどんなタグがあっても全部削除されます。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>pinkcoding :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.min.js" ></script>
<script>
$(function(){
$('.hello').empty();
});
</script>
<style>
</style>
</head>
<body>
<div class="hello">
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
</div>
</body>
</html>
結果は、すぐ下で確認出来ます。
こうセレクターの中にあるタグを削除する方法について調べました。次は中にあるのじゃなくてセレクターを削除する方法について調べましょう。
