如何用javascript隐藏表格列？ [复制]答案

【问题标题】：How to hide table column with javascript? [duplicate]如何用javascript隐藏表格列？ [复制]
【发布时间】：2016-05-26 07:42:23
【问题描述】：

我需要一些帮助。下面的代码不像我需要的那样工作。

我想要什么：借助 JavaScript，我想隐藏或使具有 id myid 的表格列不可见。

$(document).ready(function(){	
  document.getElementById( 'myid' ).style.display = 'none';
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="200" border="1">
  <tr>
    <td id="myid">x</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

提前致谢！

【问题讨论】：

它确实有效....jsfiddle.net/rayon_1990/uxLjLcaz
在文档准备功能中使用$('#myid').hide();
您的代码似乎运行良好？ jsfiddle.net/Bjolja/kftfgpke该死……太慢了
你好 pochen 在我的浏览器中不正常
您应该尽量避免在表格上使用宽度、边框等。尝试使用 CSS 解决这个问题

标签： javascript jquery getelementbyid

【解决方案1】：

像这样使用 jquery：

$(document).ready(function(){   
  $("#myid").hide(); 
});

希望这会有所帮助:)

【讨论】：

【解决方案2】：

使用在所有列中重复的类名更改 id。原因是 id 是唯一的，您不能复制它们。

$(document).ready(function(){   
  $('.myid').hide()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table width="200" border="1">
  <tr>
    <td class="myid">x</td>
    <td>&nbsp;</td>
    <td>x</td>
  </tr>
  <tr>
    <td class="myid">y</td>
    <td>&nbsp;</td>
    <td>y</td>
  </tr>
</table>

【讨论】：

【解决方案3】：

我认为您没有在代码中添加 jquery。您的代码正在运行。检查this FIDDLE

在您的 html 中添加这一行：

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

【讨论】：

我会尽力报告给你
是的 isragrab，非常感谢
不客气@Devisy。由于您是新来的，请不要忘记将最有助于解决问题的答案标记为已接受。另请参阅如何接受答案 (meta.stackexchange.com/questions/5234/…)？

【解决方案4】：

也许您想通过表格单元格的 id 隐藏整个列

类似的东西

<body>
<table width="200" border="1">
  <tr>
    <td id="myid" class="col0">x</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
 </tr>
  <tr>
    <td class="col0">x</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
 </tr>
</table>
</body>



$(document).ready(function(){   
    var className = $('#myid').attr('class')
  console.log(className)
  $('.'+className).hide()
});

【讨论】：