jQuery通过data属性隐藏\显示表中的行

Question

我有一个表#thetable，其中包含数据库中的行。在表格上方，我有一个button'柴油'，我想要点击隐藏或显示其数据属性为柴油的行，因此每行都有一个data-attribute diesel或{ {1}}。但是，当我点击它时，线条不会消失。

非常感谢帮助。

petrol

function clickDiesel() {
  $("tr[data-fuel=diesel]").css('visibility', 'hidden');
}

Answer 1

尝试

<script>
function clickDiesel()
{
    $("tr[data-fuel='diesel']").css('visibility', 'hidden');
}
</script>