javascript - 如何使用链接并检查内容长度

Question

我想使用链接 jquery 的函数。

例如，我有一个 ul 元素。如果该元素的内容长度为 4，我想更改背景颜色。

<ul>
    <li>eggs</li> //4 length 
    <li>bacon</li> 
    <li>ham</li>
    <li>cheese</li>
    <li>juice</li>
    <li>sausage</li>
</ul>

是否可以使用链接来检查内容长度？

我知道有一个 each() 函数。我不想用它。

var li_s = $('li');

li_s
        .???.length == 4 // I don't know how to check element's length
        .css("background","#ddd")
        .end();

Answer 1

尝试:

$('li').filter(function() {
    return $(this).text().length === 4;
}).addClass('foo')

.foo {
    background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
    <li>eggs</li> //4 length
    <li>bacon</li>
    <li>ham</li>
    <li>cheese</li>
    <li>juice</li>
    <li>sausage</li>
</ul>