Question

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

我想要的是：在JavaScript的帮助下，我想要隐藏或使表格列不可见，其中 id myid 。

＆＃13;

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

＆＃13;

<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>

＆＃13;

提前感谢！

Answer 1

像这样使用jquery：

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

希望这会有所帮助：）

Answer 2

我认为您在代码中添加了jquery。你的代码正在运行。查看this FIDDLE

在你的html中添加这一行：

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

Answer 3

也许你想用表格单元格的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()
});

Answer 4

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

<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>

onIncrement

如何用javascript隐藏表列？

4 个答案: