jQuery删除列和行

Posted 2023-02-25

【中文标题】jQuery删除列和行

【英文标题】：jQuery removing columns and rows

【发布时间】：2009-08-10 01:01:49

【问题描述】：

我有一个从外部网站拉入的表格，但我需要能够隐藏前 2 列，将类添加到第 3 列，将类添加到第 6 行并删除第 7 行。我已经设法完成了列，但是行有问题..

我正在使用以下代码隐藏前 2 列并在第三列中添加一个类：

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

【参考方案1】：

在第 6 个 tr 中添加一个类。

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

删除第 7 个 tr。

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

【参考方案2】：

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

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

【参考方案3】：

@SoulieBaby：你忘了说，nth-col 选择器是一个插件。可以在以下位置找到：http://www.bramstein.com/projects/column/。

很抱歉发布评论作为答案，目前无法评论。