jQuery删除列和行

时间:2009-08-10 01:01:50

标签: jquery hide rows

我有一张桌子,我从外部网站上拉,但我需要能够隐藏前2列,将类添加到第3列,将类添加到第6行并删除第7排。我已经设法做了这些列,但我遇到了行的问题..

我正在使用以下代码隐藏前两列并将类添加到第三列:

<script type="text/javascript" language="javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('table.ladder td:nth-col(1),table.ladder th:nth-col(1),table.ladder td:nth-col(2),table.ladder th:nth-col(2)').hide();
    jQuery('table.ladder td:nth-col(3),table.ladder th:nth-col(3)').addClass('leftColumn');
});
</script>

有人可以帮助我在第6个TR中添加一个课程,然后删除第7个TR吗?

3 个答案:

答案 0 :(得分:3)

将类添加到第6个tr。

jQuery('table.ladder tr:eq(5)').addClass('yourNewClass');

删除第7个tr。

jQuery('table.ladder tr:eq(6)').remove();

答案 1 :(得分:3)

使用eq()方法,然后使用next()。

jQuery('table.ladder tr').eq(5).addClass('newClass')
                         .next('tr').remove();

答案 2 :(得分:0)

@SoulieBaby:你忘了提一下,nth-col选择器是一个插件。可在以下网址找到:http://www.bramstein.com/projects/column/

很抱歉发表评论作为答案,暂不予评论。