如何使用jquery隐藏表格的列
< table >
< tr >
< td id="td_1" >name</ td >
< td id="td_2" >title</ td >
< td id="td_3" >desc</ td >
</ tr >
< tr >
< td id="td_1" >Dave</ td >
< td id="td_2" >WEB DEV</ td >
< td id="td_3" >Blah Blah</ td >
< /tr >
< tr >
< td id="td_1" >Nick< /td >
< td id="td_2" >SEO< /td >
< td id="td_3" >Blah Blah and blah< /td >
< /tr >
< /table >
假设有人想隐藏所有行的第一列,即 td_1,那么代码是什么?
提前致谢 戴夫
最佳答案
$(document).ready(function() {
$("#td_1").hide();
});
但理想情况下,您希望使用类而不是 ID。
所以
<table>
<tr>
<td class="td_1">name</td>
<td class="td_2">title</td>
<td class="td_3">desc</td>
</tr>
<tr>
<td class="td_1">Dave</td>
<td class="td_2">WEB DEV</td>
<td class="td_3">Blah Blah</td>
</tr>
<tr>
<td class="td_1">Nick</td>
<td class="td_2">SEO</td>
<td class="td_3">Blah Blah and blah</td>
</tr>
</table>
然后您将使用类似的代码:
$(document).ready(function() {
$(".td_1").hide()
});
所以唯一改变的是散列 (#) 变成了点 (.)。散列用于 ID,点用于类。
另一种方法是使用 nthChild选择器。
$(document).ready(function() {
$('tr td:nth-child(1)').hide();
});
其中 1 是要隐藏的列号。
HTH
关于jquery - 使用 jquery 隐藏表的列/td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3296495/