Javascript 使用jQuery单击时隐藏行

我有一个自制的小过滤条，用于小议程。 单击筛选按钮时，我想隐藏不在类别中的行。

当我点击Marketing时，它会隐藏所有其他类别，兄弟姐妹也一样。当我按下ALL时，我想再次显示所有行。

我打赌一定有更好的办法，我就是想不出来

（函数（$）{
$（'#FilterBar a'）。单击（函数（）{
if（$（'#FilterBar a'）。是（'.all'））{
$（'.row'）.show（）；
}
else if（$（'FilterBar a'）.is（'pauses'））{
$（'#Agenda.row:not（.pauses））.hide（）；
}
如果（$（'FilterBar a'）。是（'marketing'））{
$（“#议程.行：非（.marketing）”.hide（）；
}
如果（$（'FilterBar a'）。是（'sales'），则为else{
$（“#议程.行：非（.sales）”.hide（）；
}
});
})（jQuery）
.wrapper{
填充：20px；
}
#过滤器a{
填充物：5px；
}
#议程{
填充：15px 5px 5px；
}
#议程组{
填充：20px；
背景：#e7e7e7；
}
#议程组：第n名儿童（偶数）{
填充：20px；
背景：#f7f7f7；
}

暂停：10:30休息
市场营销：这是市场营销
销售：销售很重要
您可以这样做：


（函数（$）{
$（'#FilterBar a'）。单击（函数（）{
$（'#Agenda.row'）.hide（）；
const className=$（this.attr（'class'）；
$（“#议程”。+（className==='all'？'row'：className））.show（）；
});
})（jQuery）
.wrapper{
填充：20px；
}
#过滤器a{
填充物：5px；
}
#议程{
填充：15px 5px 5px；
}
#议程组{
填充：20px；
背景：#e7e7e7；
}
#议程组：第n名儿童（偶数）{
填充：20px；
背景：#f7f7f7；
}

暂停：10:30休息
市场营销：这是市场营销
销售：销售很重要
您可以这样做：


（函数（$）{
$（'#FilterBar a'）。单击（函数（）{
$（'#Agenda.row'）.hide（）；
const className=$（this.attr（'class'）；
$（“#议程”。+（className==='all'？'row'：className））.show（）；
});
})（jQuery）
.wrapper{
填充：20px；
}
#过滤器a{
填充物：5px；
}
#议程{
填充：15px 5px 5px；
}
#议程组{
填充：20px；
背景：#e7e7e7；
}
#议程组：第n名儿童（偶数）{
填充：20px；
背景：#f7f7f7；
}

暂停：10:30休息
市场营销：这是市场营销
销售：销售很重要