jqueryで要素の内容が空かどうかを判断する方法-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2021-01-06 17:02:47

オリジナル

4253 人が閲覧しました

方法: 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で要素の内容が空かどうかを判断する方法