如何檢查數據存在與否在HTML ID

Question

我有一個HTML段落，如果它是空的我想用jQuery顯示警報如何。我曾嘗試以下：

var abc= $("#foo").text(); 
 
var abc= $("#foo").data(); 
 
var abc= $("#foo").val(); 
 

 
if (abc== '') { alert('working'); }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="foo"></p>

Answer 1

val()用於檢索input的價值，而不是元素的文本節點值。 data()用於檢索元素的數據值，而不是其文本節點值。

要檢查元素是否包含任何東西，應該使用text()。另外值得一提的是，您可能（或可能不）需要使用$.trim()忽略空白，並使用children()也檢查不具有任何文本子元素：

var $p = $('#foo'), 
 
    empty = ($.trim($p.text()) == '' && !$p.children().length); 
 

 
console.log(empty);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="foo"></p>

---

儘管如此，不是爲了這個滾動自己的功能，你可以使用jQuery的is()函數，加上:empty選擇器：

console.log($('#foo').is(':empty'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="foo"></p>

Answer 2

試試這個：

var abc = $("#foo").text() 
if(!abc) { 
alert('not working'); 
} else { 
    alert('working'); 
}