Jquery 表元素的闪光颜色

Jquery 表元素的闪光颜色,jquery,html,css,jquery-datatables,Jquery,Html,Css,Jquery Datatables,我有一个很大的表格,里面有各种各样的单词。我想找到所有文本为“Failed”(失败)的单元格,开始所有单元格在红色和透明之间闪烁,然后停止单击的任何单元格的闪烁(但保持其他单元格继续闪烁,直到逐个单击) 我找到了一种方法来查找每个“失败”的单元格,并为其分配一个类: function updateTableColors() { // first 3 rows are headers var numCols = document.getElementById("vimTable")

我有一个很大的表格,里面有各种各样的单词。我想找到所有文本为“Failed”(失败)的单元格,开始所有单元格在红色和透明之间闪烁,然后停止单击的任何单元格的闪烁(但保持其他单元格继续闪烁,直到逐个单击)

我找到了一种方法来查找每个“失败”的单元格,并为其分配一个类:

function updateTableColors() {
    // first 3 rows are headers
    var numCols = document.getElementById("vimTable").rows[4].cells.length;

    for(var i = 1; i < numCols; i++) {
        $( '#vimTable td:nth-child(' + i + ')' ).each(function() {
            var cellText = $(this).text();

            if(cellText === "Failed") {
                $(this).removeClass();
                $(this).addClass("failed");
            }
            else if( cellText === "") { 
                             // cell doesn't contain text (could be image)
                // nothing for now
            }
            else {
                $(this).removeClass();
            }                   
        });
    }

    return false;
}

// Re-run formatting on click
document.onclick = function() {
    updateTableColors();
}
函数updateTableColor(){
//前3行是标题
var numCols=document.getElementById(“vimTable”).rows[4].cells.length;
对于(变量i=1;i
我的攻击计划是用“failed”类检查每个元素,然后切换它是否有“failed_red”或“failed_transparent”类,并根据这一点给它一个颜色,但如果不使用唯一id检查每个元素,我就无法成功完成此操作。感谢您的帮助

注意:我还使用jquerydatatables插件(dataTables.net),我的解决方案不能使用HTML5


编辑:jQuery toggleClass()方法在这里非常有用。

要使用jQuery访问具有特定类组合的所有元素:

$('.failed.failed_red').css('background-color', 'red');


要使用jquery访问具有特定类组合的所有元素,请执行以下操作:

$('.failed.failed_red').css('background-color', 'red');


谢谢@StaticVoid。我刚刚开始,所以我不能给你投票,但一旦我有了更多的声誉,我会回来给你投票。谢谢@StaticVoid。我刚刚开始,所以我不能给你投票,但一旦我有了更多的声誉,我会回来给你投票。谢谢@StaticVoid。我刚刚开始,所以我不能给你投票,但一旦我有了更多的声誉,我会回来给你投票。