Javascript 带有按钮的jQuery表列过滤器

我有一个HTML表格，当按下按钮时，它应该通过下拉列表中的选定值进行过滤

我正在使用jQuery选择器

#table_id td.[td class]：contains

和

#table_id td.[td class]：not（：contains）

。一切看起来都很好，但是

：not（：contains）

选择器返回“语法错误，无法识别的表达式”。它在其他示例中的工作方式相同，但由于某些原因无法使其工作

$（函数（）{
$（'#butt1'）。单击（函数（）{
$（“#tast td.col1:contains（“+$（“#selector1”）.val（）+”））”.parent（）.show（）；
$（“#tast td.col1:not（：contains（“+$（“#selector1”）.val（）+”））））.parent（）.hide（）；
});
});

全部的
样本1
滤器
代码

Dir

安装

表格

配额

目标

总计

支付总额

告诉

38.03.02

样本1

数据1

文本1

一,


四,

五,

六十

38.03.02

样本2

数据2

文本3





二十五

我会使用
.sibbines（）
选择所有无效元素，然后调用
.hide（）
而不是
：not（：contains（））
，因为它更直观，可以减少重复代码


$（函数（）{
$（'#butt1'）。单击（函数（）{
$（“#tast td.col1:contains（“+$（“#selector1”）.val（）+”）））”.parent（）.show（）.sibles（）.hide（）；
});
});

全部的
样本1
滤器
代码

Dir

安装

表格

配额

目标

总计

支付总额

告诉

38.03.02

样本1

数据1

文本1

一,


四,

五,

六十

38.03.02

样本2

数据2

文本3





二十五

我会使用
.sibbines（）
选择所有无效元素，然后调用
.hide（）
而不是
：not（：contains（））
，因为它更直观，可以减少重复代码


$（函数（）{
$（'#butt1'）。单击（函数（）{
$（“#tast td.col1:contains（“+$（“#selector1”）.val（）+”）））”.parent（）.show（）.sibles（）.hide（）；
});
});

全部的
样本1
滤器
代码

Dir

安装

表格

配额

目标

总计

支付总额

告诉

38.03.02

样本1

数据1

文本1

一,


四,

五,

六十

38.03.02

样本2

数据2

文本3





二十五

效果很好，谢谢！在隐藏了不必要的列之后，我添加了显示列的代码
$（function（）{$（'#butt1'）。单击（function（）{$（“#tast td.col1:contains（'+$（''selector1'）.val（）+“'）））。parent（）.show（）.sibles（）.hide（）；$（“#tast td.col1:contains（'+$（'.#selector1'）.val（）+）））））））。parent（）.show（）；；）效果很好，谢谢！在隐藏了不必要的列之后，我添加了显示列的代码
$（function（）{$（'#butt1'）。单击（function（）{$（“#tast td.col1:contains（'+$（''selector1'）.val（）+“'）））。parent（）.show（）.sibles（）.hide（）；$（“#tast td.col1:contains（'+$（'.#selector1'）.val（）+）））））））。parent（）.show（）；；）