使用多种颜色突出显示

我有这个示例代码来突出显示表的特定单元格。 有没有办法同时切换颜色或使用多种颜色？

我需要在这里完成两件事。 1）我希望能够在单击之前将参数组（或单独的参数）的颜色设置为前端的某种颜色。 最多5种颜色就足够了。 2）参数去哪种颜色并不重要。 颜色可以随机分配。 我把这个问题重新编写为更清楚。

这是该项目的小提琴页面： http ： //jsfiddle.net/max33/kjcyu3yb/

$('.selector').each(function() { $(this).on('click', check); }); $('.all').each(function() { $(this).on('click', all); }); function all(event) { if($(this).is(':checked')){ $("input:checkbox:not(:checked)",$(this).parents('form')).not(this).prop("checked","checked"); } else { $("input:checkbox(:checked)",$(this).parents('form')).not(this).prop("checked",""); } //$('.selector').prop("checked", this.name === "SelectAll"); check(event); } function check(event) { var checked = $(".selector:checked").map(function () { return this.name }).get() $('td').removeClass("highlight").filter(function () { return $.inArray($(this).text(), checked) >= 0 }).addClass("highlight") if ($(this).is(".selector")) $('.all').not(this).prop("checked", false) } 

Answer 1

您可以为每个表单元素使用不同的类。 就像我使用highlight-x for x一样。 然后在为所有选定元素添加常规highlight类之后，我为X添加了额外的类。 您可以使用不带参数的removeClass一次删除所有类。 它将删除所有项目的类。 检查这个小提琴 。 从第一个表单中选择全部。 您将看到所有X都使用red突出显示。 如果这不符合您的要求，请告诉我。