jQuery在div中计数字符？

我试图给一个div一个不同的背景，根据他们的字符长度的文本内

这是我当前的代码：

$('.aProduct .inner').each(function() {
    var length = $(this).text().length;    
    if(length > 20){
        $(this).css("background", "red");
    }
    else {
        $(this).css("background", "blue");
    }
});

HTML:

OMSCHRIJING
蹒跚学步的贝斯特克·布劳

但是，代码不起作用，我对jQuery很糟糕。关于如何修复我的代码有什么建议、提示或教程吗？

如果您的实现有问题，请使用它，因为它在计算长度时需要空格

删除字符串开头和结尾的空格

代码

编辑

@KingKing的观点很好

$('.inner').css('background', function(){    
    return $(this).text().trim().length > 20 ? 'red' : 'blue';
});

使用，您的实现中存在的问题是，计算长度时需要使用空格

删除字符串开头和结尾的空格

代码

编辑

@KingKing的观点很好

$('.inner').css('background', function(){    
    return $(this).text().trim().length > 20 ? 'red' : 'blue';
});

使用，您的实现中存在的问题是，计算长度时需要使用空格

删除字符串开头和结尾的空格

代码

编辑

@KingKing的观点很好

$('.inner').css('background', function(){    
    return $(this).text().trim().length > 20 ? 'red' : 'blue';
});

使用，您的实现中存在的问题是，计算长度时需要使用空格

删除字符串开头和结尾的空格

代码

编辑

@KingKing的观点很好

$('.inner').css('background', function(){    
    return $(this).text().trim().length > 20 ? 'red' : 'blue';
});

---

在

css

方法中使用回调更好，它只会从开始和结束处删除；在

css

方法中使用回调更好，它只会从开始和结束处删除；在

css

方法中使用回调更好，它只会删除从开始到结束更好地使用regexit，在

css

方法中使用回调更好地使用regex，这样只会从开始到结束删除