Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript隐藏表列?_Javascript_Jquery_Getelementbyid - Fatal编程技术网

如何使用javascript隐藏表列?

如何使用javascript隐藏表列?,javascript,jquery,getelementbyid,Javascript,Jquery,Getelementbyid,我需要一些帮助。下面的代码不能像我需要的那样工作 我想要的是:在JavaScript的帮助下,我想隐藏或使一个具有idmyid的表列不可见 $(文档).ready(函数(){ document.getElementById('myid').style.display='none'; }); x 像这样使用jquery: $(document).ready(function(){ $("#myid").hide(); }); 希望这有帮助:)使用在所有列中重复的类名更改ID。原因

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

我想要的是:在JavaScript的帮助下,我想隐藏或使一个具有idmyid的表列不可见

$(文档).ready(函数(){
document.getElementById('myid').style.display='none';
});

x
像这样使用jquery:

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

希望这有帮助:)

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

$(文档).ready(函数(){
$('.myid').hide()
});

x
x
Y
Y

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

在html中添加此行:

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

也许您希望通过表单元格的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()
});

x
x
$(文档).ready(函数(){
var className=$('#myid').attr('class'))
console.log(类名)
$('.+className).hide()
});

它确实有效…使用
$('#myid').hide()在文档就绪功能中,您的代码似乎工作正常?该死的。。。在我的浏览器中太慢了,你应该尽量避免使用宽度、边框等。。在桌子上。尝试使用CSSi解决此问题。我会尝试向您报告。是的,isragrab它在许多情况下都有效。欢迎使用@devely。既然你是新来的,请别忘了标出对解决问题最有帮助的答案。另请参见接受答案如何工作()?