jquery - 使用多种颜色来突出显示

Question

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

我需要在这里实现两件事。 1)我希望能够在单击参数组(或单独的参数)之前将其颜色设置为前端的某种颜色。最多 5 种颜色就足够了。 2)参数选择哪种颜色并不重要。颜色可以随机分配。我重新编辑了这个问题以使其更清楚。

这是该项目的 fiddle 页面: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 来表示 x 一样。然后，在向所有选定元素添加常规 highlight 类后，我为 X 添加额外的类。您可以使用不带参数的 removeClass 一次性删除所有类。它将删除该项目的所有类别。检查this fiddle 。从第一个表格中选择全部。您将看到所有 X 均使用 红色 突出显示。如果这不符合您的要求，请告诉我。