javascript - 如何检查标签是否有文字

<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没有任何文本，我会收到警报。

最佳答案

尝试使用: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)");

关于javascript - 如何检查标签是否有文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28118757/