jquery怎麼判斷元素內容是否為空
- 青灯夜游原創
- 2021-01-06 17:02:304149瀏覽
方法：1、使用html()取得元素內容，再透過if判斷是否為空，語法「if($(selector).html()){//不為空}」。 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>效果圖：
更多程式相關知識，請造訪：程式設計教學！ ！
以上是jquery怎麼判斷元素內容是否為空的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn