如何用javascript隐藏表格列？ [复制]
Posted
技术标签:
【中文标题】如何用javascript隐藏表格列？ [复制]【英文标题】：How to hide table column with javascript? [duplicate] 【发布时间】：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 border="1">
<tr>
<td id="myid">x</td>
<td> </td>
<td> </td>
</tr>
</table>提前致谢！
【问题讨论】：
它确实有效....jsfiddle.net/rayon_1990/uxLjLcaz 在文档准备功能中使用$('#myid').hide();
您的代码似乎运行良好？ jsfiddle.net/Bjolja/kftfgpke该死……太慢了
你好 pochen 在我的浏览器中不正常
您应该尽量避免在表格上使用宽度、边框等。尝试使用 CSS 解决这个问题
【参考方案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 border="1">
<tr>
<td class="myid">x</td>
<td> </td>
<td>x</td>
</tr>
<tr>
<td class="myid">y</td>
<td> </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 border="1">
<tr>
<td id="myid" class="col0">x</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="col0">x</td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
$(document).ready(function()
var className = $('#myid').attr('class')
console.log(className)
$('.'+className).hide()
);
【讨论】：
以上是关于如何用javascript隐藏表格列？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章
excel，如何用公式查找J列某个数值对应的前一列数的倒数第二个数值？