ホームページ > 記事 > ウェブフロントエンド > jqueryで要素の内容が空かどうかを判断する方法
jqueryで要素の内容が空かどうかを判断する方法
- 青灯夜游オリジナル
- 2021-01-06 17:02:304208ブラウズ
方法: 1. html() を使用して要素のコンテンツを取得し、if を使用してそれが空かどうかを判断します。構文は「if($(selector).html()){//not」です。空の}"。 2.「:empty」セレクタを使用して判定します。構文は「if($(selector).is(":empty"))」です。
このチュートリアルの動作環境: Windows7 システム、jquery1.7.2 バージョン、Dell G3 コンピューター。
推奨チュートリアル: jQuery チュートリアル
要素のコンテンツが空かどうかを判断する jquery メソッド
1. html( ) 要素の内容を取得し、 if で
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
<p>默认文本。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！</p>
<script type="text/javascript">
if($('p').html()) {
alert('元素内容不为空')
}else{
alert('元素内容为空')
}
</script>
</body>
</html>2 を判定するメソッド、:empty 疑似クラスを使用して
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
<p>默认文本。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！</p>
<script type="text/javascript">
if($('p').is(":empty")) {
alert('元素内容为空')
}else{
alert('元素内容不为空')
}
</script>
</body>
</html>Rendering:
プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 ！
以上がjqueryで要素の内容が空かどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。