Javascript 结果为0时隐藏-显示按钮

Javascript 结果为0时隐藏-显示按钮,javascript,jquery,html,function,Javascript,Jquery,Html,Function,我有一个函数,我知道它是如何工作的,但我想请你们帮忙,因为我想做一个函数,当一个变量的结果为0时,我会有一个按钮来隐藏所有的0结果。此函数用于表(用户将输入一些数字,如果数字为0,则我需要按钮,因此零将隐藏(将有很多零)) 函数myFunction(){ var x=document.getElementById(“p1”); 如果(x.style.display==“无”){ x、 style.display=“block”; }否则{ x、 style.display=“无”; } } 按

我有一个函数,我知道它是如何工作的,但我想请你们帮忙,因为我想做一个函数,当一个变量的结果为0时,我会有一个按钮来隐藏所有的0结果。此函数用于表(用户将输入一些数字,如果数字为0,则我需要按钮,因此零将隐藏(将有很多零))

函数myFunction(){
var x=document.getElementById(“p1”);
如果(x.style.display==“无”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
按钮
隐藏显示你的意思是

document.querySelectorAll(".someClass").forEach(
  ele => ele.style.display = ele.innerText === "0" ? "none": "block"
);


dupe中的jQuery版本

因为您已经用“jQuery”标记了答案,所以我想用jQuery语法改进@mplungjan answers,其中有和函数:

$(".someClass").hide()
在您的情况下,可以使用一个属性:

<table>
<tr data-value=0>...</tr>
</table>

桌子的结构是怎样的?结果从何而来?为什么不使用切换功能呢?
显示
切换功能已经起作用,其余部分还不清楚。此外,还不清楚您是否希望像VueJS一样,基于变量值的反应性。这将是一个简单的表。现在我不介意只使用一个parseFloat(prompt());因此,我将给出数字0,函数将起作用
<table>
<tr data-value=0>...</tr>
</table>
$('[data-value="0"]').hide()