ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで要素の内容が空かどうかを判断する方法

jqueryで要素の内容が空かどうかを判断する方法

青灯夜游
青灯夜游オリジナル
2021-01-06 17:02:304211ブラウズ

方法: 1. html() を使用して要素のコンテンツを取得し、if を使用してそれが空かどうかを判断します。構文は「if($(selector).html()){//not」です。空の}"。 2.「:empty」セレクタを使用して判定します。構文は「if($(selector).is(":empty"))」です。

jqueryで要素の内容が空かどうかを判断する方法

このチュートリアルの動作環境: 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($(&#39;p&#39;).html()) {
				alert(&#39;元素内容不为空&#39;)
			}else{
				alert(&#39;元素内容为空&#39;)
			}
		</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($(&#39;p&#39;).is(":empty")) {
				alert(&#39;元素内容为空&#39;)
			}else{
				alert(&#39;元素内容不为空&#39;)
			}
		</script>
	</body>

</html>

Rendering:

jqueryで要素の内容が空かどうかを判断する方法

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 !

以上がjqueryで要素の内容が空かどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。