javascript - jquery过滤器有两个不同的数值

Question

我编写了这个脚本，该脚本可以过滤包含被视为字符串的数字的表。我使用 parseInt() 将字符串转换为数字。请参阅下面的代码。 然后我被要求也将其应用到另一个单元格，该单元格包含带有“1.00”或“0.00”的字符串，并且有一个名为 goal 的类。我知道我可以复制下面的代码并更改解析以查找 number == 1，但我正在寻找一种更有效的方法来管理它。

<script type="text/javascript">
    $(document).ready(function () {
        $('td.completedPercent').filter(function (index) {
            return parseInt(this.innerHTML, 10) >= 90;
        }).css({ 'color': '#FFF', 'background-color': '#336633' });
    });
</script>

Answer 1

jsFiddle Demo

如果您想将过滤器应用于 td 的两个类，请尝试同时选择这两个类，并在过滤器内部提供一个 or 子句来区分它们。一旦该组聚集完毕，您就可以对其应用CSS。在这里上课也很好。

<script type="text/javascript">
 $(document).ready(function () {
    $('td.completedPercent, td.goal').filter(function () {
     var t = $(this),i = parseInt(t.html(), 10);
     return (t.hasClass("goal") && i == 1) || i >= 90;})
     .css({ 'color': '#FFF', 'background-color': '#336633' });
 });
</script>