Javascript 使用Jquery进行条件突出显示

Javascript 使用Jquery进行条件突出显示,javascript,jquery,css,Javascript,Jquery,Css,在本例中,当单击“全选”时,表上会突出显示所有相应的值 是否可以只突出显示表上同一行中同时存在的值。例如,当使用“全选”选择第一个值(A、B、X、Y)时,仅应突出显示同一行中同时出现的值。在这种情况下,它只是表上的第二行。因此,只应高亮显示第二行上的值 不在同一行中的单元格不应像下图中那样高亮显示 $('.selector')。每个(函数(){ $(此)。在('单击',选中); }); $('.all')。每个(函数(){ $(此)。在('click',all)上; }); 功能全部(事件)

在本例中,当单击“全选”时,表上会突出显示所有相应的值

是否可以只突出显示表上同一行中同时存在的值。例如,当使用“全选”选择第一个值(A、B、X、Y)时,仅应突出显示同一行中同时出现的值。在这种情况下,它只是表上的第二行。因此,只应高亮显示第二行上的值

不在同一行中的单元格不应像下图中那样高亮显示

$('.selector')。每个(函数(){
$(此)。在('单击',选中);
});
$('.all')。每个(函数(){
$(此)。在('click',all)上;
});
功能全部(事件){
如果($(this).is(':checked')){
$(“输入:复选框:不(:选中)”,$(this.parents('form')).not(this.prop)(“选中”,“选中”);
}否则{
$(“输入:复选框(:选中)”,$(this.parents('form')).not(this.prop)(“选中”);
}
//$('.selector').prop(“选中”,this.name==“SelectAll”);
检查(事件);
}
功能检查(事件){
var checked=$(“.selector:checked”).map(函数(){
返回此名称
}).get()
$('td').removeClass(“highlight”).filter(函数(){
返回$.inArray($(this).text(),选中)>=0
}).addClass(“突出显示”)
if($(this).is(“.selector”))
$('.all').not(this).prop(“选中”,false)
}
。突出显示{
背景:#9ac99d;
}

参数:
全选
A.
B
X
Y
全选
K
J
M
T
A.
M
K
J
B
A.
Y
X
Y
J
T
X
X
Y
K
Q
T
Y
M
T
K
J
Z
Array.prototype.compare=函数(testArr){
如果(this.length!=testArr.length)返回false;
对于(变量i=0;i
。突出显示{
背景:#9ac99d;
}

参数:
全选
A.
B
X
Y
全选
K
J
M
T
A.
M
K
J
B
A.
Y
X
Y
J
T
X
X
Y
K
Q
T
Y
M
T
K
J
Z