隐藏列/通过使用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，那么究竟会成为代码？提前

感谢戴夫

来源

2010-07-21 dave

http://api.jquery.com/nth-child-selector/ ......甚至不需要标识花式... $（'TR TD：第n个孩子（N） '）其中n是列号。 – pxl 2010-07-21 05:49:33

另外，如果我们帮助您解决问题，请接受答案。 – Marko 2010-07-21 06:04:37

$(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的，Dot是用于类的。

还有一种方法是使用nthChild选择器。

$(document).ready(function() { 
    $('tr td:nth-child(1)').hide(); 
}

其中1是要隐藏的列号。

HTH

来源

2010-07-21 05:26:48 Marko

感谢gr8的想法，我会在其他地方使用它。但我忘了提及那些列是动态的，他们的id会增加。所以我如何动态应用css？。谢谢 – dave 2010-07-21 05:40:03

jquery对css选择器有很大的支持。你可以写一个像$（'tr td：nth-child（1）'）这样的选择器来选择列... http://api.jquery.com/nth-child-selector/ – pxl 2010-07-21 05:47:51

我想提到但你击败了我:) +1 – Marko 2010-07-21 05:53:46

http://www.devcurry.com/2009/07/hide-table-column-with-single-line-of.html

来源

2010-07-21 05:24:32

隐藏列/通过使用jQuery

回答

相关问题