使用jQuery + Javascript标识空文本节点

Question

你可能会认为这很容易--但我正经历着最艰难的时刻。

以下是我试图确定的内容：

<span class="cw-value-one"></span>

到目前为止，我使用的是：

    $('span.cw-value-one').each(function(){
        var textNode = $(this).text();
        var type = typeof textNode;
        var len = textNode.length;
        if($(this).is(':empty')){
            $(this).siblings('span.cw-value-two').css({"position": "relative", "left": "1em"});
        }
    });

好的，那么textNode = ""、type = string和len = 1都不能帮助识别空的文本节点，因为a的类型是字符串，长度是1。jQuery .is(':empty')也不工作。

那么如何识别JQuery或纯Javascript中的空文本节点呢？

Answer 1

您可能在span中留有空格使用trim()删除span中文本周围的空格(如果有)。

  var textNode = $(this).text().trim();

Answer 2

试着根据文本的长度进行检查。

$('span.cw-value-one').each(function(){
        var textNode = $(this).text();
        var type = typeof textNode;
        var len = textNode.length;

        if(len <= 0){
            $(this).siblings('span.cw-value-two').css({"position": "relative", "left": "1em"});
        }
    });​

我还建议修剪文本。如果你想修剪文本，也请确保看到这一点，即不喜欢修剪。.trim() in JavaScript not working in IE