javascript - 如何获取从匹配条件返回的 jQuery 元素的数量？

Question

我在一组元素上有一个 jQuery 过滤器，它检查哪些项目的值低于 90 和超过 100。我想要做的也是获取符合这些条件的项目的数量，并最终将它们保存以供使用在页面的其他地方输出:

$("#dtarget li").filter(function()
{
    if (parseInt(this.innerText) < 90)
    {
        $(this).css("color","red");
    }
    else if (parseInt(this.innerText) > 100)
    {
        $(this).css("color","gold");
    }
});

我是 jQuery 和 Javascript 的新手，所以请放轻松。

Answer 1

http://api.jquery.com/length

您可以在 jQuery 对象上调用 .length 来获取它包含的 DOM 元素的数量。

//this will return a jQuery object with elements who's value is less than 90
var less_than_90 = $("#dtarget li").filter(function()
{
    var text = $(this).text();
    if (parseInt(text) < 90)
    {
        return true;
    }
    return false;
});

//then you can get the number of DOM elements within the jQuery object created above
var less_than_90_count = less_than_90.length;

然后也可以对大于 100 的任何值执行此操作。

请注意，我删除了 this.innerText，取而代之的是 $(this).text()，因为您已经在使用 jQuery，所以您可能会尽力而为

这是一个演示:http://jsfiddle.net/acyZC/1/