javascript - 单击时循环显示表格行的背景颜色

Question

此 javascript 在两种颜色之间切换:

$(document).ready(function(){
$("#rowClick").children("tbody").children("tr").children("td").click(function(){
    $(this.parentNode).toggleClass("enroute");
});

});

CSS:

.placed{
background: #3498db;}

.pickedUp{
background: #f1c40f;}

.enroute{
background: #2ecc71;}

我在这里找到了几个很好的例子:http://jsfiddle.net/pqyxM/5/和 http://jsfiddle.net/FSFpZ/

但是，我希望通过单击特定列中的一行来触发颜色循环，并且我需要保存颜色更改。这可能吗？非常感谢任何意见。

Answer 1

不确定这是否是您要查找的内容，但通过一些额外的代码，您可以切换类名并将其保存到变量中。

然后你可以使用这个变量来切换下一个颜色:http://jsfiddle.net/reubenhutton/FSFpZ/55/

var className; 
    $.each(classes, function(key, val){
        if($(self).hasClass(val)){
            className = val;
            $(self).removeClass(val); 
        }
    })