javascript - 如何检查 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()用于检索输入的值，而不是元素的文本节点值。 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>