javascript - jQuery 中的 jQuery 函数均未按预期工作

Question

以下代码会引发错误:

• 未捕获类型错误:无法设置未定义的属性“背景”

$(document).ready(function(){
    function assignColor(value, el){
        if(value < 10){
            el.style.background = "#CCC"
        } else if(value < 30){
            el.style.background = "#333"
        } else if(value < 100){
            el.style.background = "red"
        }
    };

    $('table .day_1 td').each(function() {
        console.log($(this));
        assignColor($(this).html(), $(this));
    });
});

我有一个包含 8 行的表，如下所示:

        <tr class="day_1">
            <td class="first">Wed 5</td>
            <td>45</td>
            <td>01</td>
            <td>454</td>
            <td>03</td>
            <td>04</td>
            <td>22</td>
            <td>06</td>
            <td>07</td>
            <td>08</td>
            <td>09</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
            <td>23</td>
            <td>18</td>
            <td>19</td>
            <td>56</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>2564</td>
        </tr>

并且根据每个 td 内的值，我想分配不同的背景颜色，但出现上面指定的错误

Answer 1

尝试:

assignColor($(this).html(), this);

即。 assignColor 的第二个参数应该是 DOM 元素，而不是 DOM 元素的 jQuery 包装器。