0

我在分配课程和隐藏和显示td's 时遇到问题。这是我的 HTML：

<table id="fundTable">
    <tr> 
         <td class="rentability"> <span class="someClass"> 0.12 </span> </td>
         <td class="absoluteResult">0.66</td>
    </tr>
    <tr> 
         <td class="rentability"> <span class="someClass"> -0.24  </span> </td>
         <td class="absoluteResult">-.45</td>
    </tr>
</table>

这是我的Javascript（onchange）：

$('#fundTable tr').each(function() {
    formatedAbsoluteResult = 'SOME NUMBER'
    $(this).find('td[class=absoluteResult]').fadeOut(100).html(formatedAbsoluteResult).fadeIn(100)
    if (formatedAbsoluteResult < 0)
        $(this).find('td[class=absoluteResult]').removeClass('green').addClass('red')
    else 
        $(this).find('td[class=absoluteResult]').removeClass('red').addClass('green')
}

这个想法是通过分配适当的类来将数字显示为绿色（如果它是正数）。否则为红色。当我在页面加载时运行它一次时，此代码可以完美运行。然后，td具有指定类（red或green）的 's 不再更新（onchange），而其他的则打开：

$(this).find('td[class=absoluteResult]').fadeOut(100).html(formatedAbsoluteResult).fadeIn(100)

我不明白这种行为。非常感谢任何帮助。

4

1 回答 1

1

我认为对这个块的整体设计稍作调整会有所帮助。

这似乎可以完成您想要完成的工作（jsFiddle 的现场演示）。不要忘记更改我即兴创作的部分：

    $("#testing").keyup(function() {
    $("#fundTable tr").each(function() {
       formattedAbsoluteResult = 
        $(this).find("td.absoluteResult").fadeOut(100, function () {
            if (formattedAbsoluteResult < 0)
            {
                $("#fundTable tr").find("td.absoluteResult").removeClass("green").addClass("red");
            }
            else
            {
                $("#fundTable tr").find("td.absoluteResult").removeClass("red").addClass("green");
            }
        }).html(formattedAbsoluteResult).fadeIn(100);
    });
});

注意使用的回调函数，也是“keyup”而不是“onchange”，但你可以使用任何你需要的东西。希望这可以帮助。

于 2011-11-17T04:45:30.737 回答