Question

我有很多.style.display="none"如下所示，它不适用于Firefox，因此我想将其更改为$("#inp_0151").hide();，但有很多这样的。

有更快的方式来改变吗？

我会把它放在$(document).ready中。如果最后一个字是.style.display="none"，我会将其更改为.hide() 如果最后一个字是.style.display="block"，我会将其更改为.show()

document.getElementById("inp_131").style.display = "none";
document.getElementById("avc").style.display = "none";
document.getElementById("qwe").style.display = "none";
document.getElementById("89").style.display = "none";
document.getElementById("135").style.display = "none";
document.getElementById("inp").style.display = "none";
document.getElementById("io").style.display = "none";
document.getElementById("inp_171").style.display = "none";
document.getElementById("inp_172").style.display = "none";
document.getElementById("inp_173").style.display = "none";
document.getElementById("inp_174").style.display = "none";
document.getElementById("inp_175").style.display = "block";
document.getElementById("inp_01527").style.display = "none";
document.getElementById("inp_176").style.display = "block";
document.getElementById("inp_177").style.display = "block";

Answer 1

您可以将选择器的名称分组，如下所示：

$("#inp_131, #avc,....").hide();

Answer 2

您可以为元素添加类名，然后按类名称调用它。

document.getElementsByClassName（＆＃34; hiddenelements＆＃34;）。style.display =＆＃34; none＆＃34;;

Answer 3

您的代码编辑器上有一个功能。 Find和Replace 您将.style.display = "none"放在Find和.hide();上进行替换。并且不要在其他方面过于懒惰。

设置style.display =＆＃34;无＆＃34;到jquery hide（）

3 个答案: