ホームページ > 記事 > ウェブフロントエンド > jqueryを使用してtdの子要素を削除する方法
jqueryを使用してtdの子要素を削除する方法
- WBOYオリジナル
- 2022-05-12 11:01:221768ブラウズ
方法: 1. Children() メソッドを使用して、td 要素の子要素オブジェクトを取得します。このメソッドは、選択した要素の直接の子要素を返すことができます。構文は "td element object.children( )"; 2. 使用方法 Remove() メソッドは取得したサブ要素を削除でき、構文は「td サブ要素 object.remove()」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery を使用して td の子要素を削除する方法
1.children() メソッドを使用して子要素を取得します
children() メソッド選択された要素を返します。 のすべての直接の子要素。
構文
$(selector).children(filter)
filter オプション。子要素の検索を絞り込むセレクター式を指定します。
2. 要素を削除するには、remove() メソッドを使用します。
remove() メソッドは、すべてのテキストおよび子ノードを含む、選択された要素を削除します。
このメソッドは、選択した要素のデータとイベントも削除します。
文法
$(selector).remove()
例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("td").children().remove();
});
});
</script>
</head>
<body >
<table border="1">
<tr>
<td>Cell<i>A</i></td>
<td>Cell<i>B</i></td>
</tr>
</table>
<button>移除td子元素</button>
</body>
</html>出力結果:
関連ビデオチュートリアルの推奨事項: jQuery ビデオ チュートリアル
以上がjqueryを使用してtdの子要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。