用JavaScript隐藏HTML表列

用JavaScript隐藏HTML表列,javascript,Javascript,我想用JavaScript隐藏HTML模板的某些列。有谁能告诉我如何才能做到这一点?我曾尝试为整个列TDs提供ID,然后制作document.getElementById(“ID”).style.display=“none”,但它只隐藏了第一个TD 谢谢。我最近使用jquery columnManager允许用户轻松地显示/隐藏表列,效果非常好。我最近使用jquery columnManager允许用户轻松地显示/隐藏表列,效果非常好。ID应该只用于唯一的元素,因此,getElementById

我想用JavaScript隐藏HTML模板的某些列。有谁能告诉我如何才能做到这一点?我曾尝试为整个列TDs提供ID,然后制作
document.getElementById(“ID”).style.display=“none”
,但它只隐藏了第一个TD


谢谢。

我最近使用jquery columnManager允许用户轻松地显示/隐藏表列,效果非常好。

我最近使用jquery columnManager允许用户轻松地显示/隐藏表列,效果非常好。

ID应该只用于唯一的元素,因此,
getElementById
将只返回1个元素,即匹配的第一个元素。尝试改用类,然后:

var elems = document.getElementsByClassName("someClass");
for(var i = 0; i < elems.length; i++)
    elems[i].style.display = "none";
var elems=document.getElementsByClassName(“someClass”);
对于(变量i=0;i

EDIT:在jQuery模式下,on contract>:)

ID应该只用于唯一的元素,即只用于一个元素,因此
getElementById
将只返回1个元素,即匹配的第一个元素。尝试改用类,然后:

var elems = document.getElementsByClassName("someClass");
for(var i = 0; i < elems.length; i++)
    elems[i].style.display = "none";
var elems=document.getElementsByClassName(“someClass”);
对于(变量i=0;i

编辑:在jQuery模式下处理事故:)

您是否考虑过使用

您甚至可以更进一步,避免使用cssClass:

$('td:nth-child(2)').hide()

将隐藏第二列。

您是否考虑过使用

您甚至可以更进一步,避免使用cssClass:

$('td:nth-child(2)').hide()

将隐藏第二列。

id
必须是唯一的。改为使用
class
id
必须是唯一的。改为使用
class
。这样仍然无法隐藏构成给定列的所有TDs。事实上,我在提交答案后不久就意识到了我的错误。是的,我更喜欢你的第二种方法。向下投票改为向上投票。仍然无法以这种方式隐藏组成给定列的所有TDs。事实上,我在提交答案后不久就意识到了我的错误。是的,我更喜欢你的第二种方法。向下投票改为向上投票。