如何检查html id

时间:2017-09-09 10:07:50

标签: javascript jquery html validation

我有一个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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

试试这个:

#pragma clang diagnostic push
#pragma clang diagnostic "-Rpass-analysis=loop-vectorize"
// Code
#pragma clang diagnostic pop