如何检查标签是否有任何文本

时间:2015-01-23 21:06:53

标签: javascript jquery html

<div id="Div5" style="width: 85%; margin: 10px auto;">
    <h4 class="hpH4"></h4>
    <p class="hpP setLeft">
        <taMsg></taMsg>
    </p>
    <span class="hideContent" id="Span5">selInf</span>
</div>

查询:

$("taMsg").each(function(){
    if (!$(this).text().trim().length) {
        alert("THERE IS NO TEXT");
    }
});​

以上情况并非如此。我如何修改,如果taMsg没有任何文字,我会收到提醒。

2 个答案:

答案 0 :(得分:4)

尝试使用:empty

$("taMsg").each(function(){
    if ($(this).is(':empty')) {
        alert("THERE IS NO TEXT");
    }
});​

或者你可以这样做以避免带空格的div:

$("taMsg").each(function(){
    if(!$.trim($(this).html()).length) {
        alert("THERE IS NO TEXT");
    }
});​

您可以使用相同的选择器选择所有空/非空元素:

var emptyList = $("taMsg:empty");
var notEmptyList = $("taMsg:not(:empty)");

答案 1 :(得分:0)

您必须告诉我们您希望如何处理白色空间?此代码正在删除空格:

jQuery(document).ready(function($) {
  $('taMsg').each(function(index) {
     if ($.trim($(this).text()) === "") {
      console.log('test');
     };
  });

});