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); 
        }
    })

循环通过表行的背景颜色点击

1 个答案: