JQuery удаление столбцов и строк - PullRequest
Новая
       33

JQuery удаление столбцов и строк

1 голос
/ 10 августа 2009

У меня есть таблица, которую я извлекаю с внешнего веб-сайта, но мне нужно иметь возможность скрыть первые 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-му ТР, а затем удалить 7-й ТР?

Ответы [ 3 ]

3 голосов
/ 10 августа 2009

Используйте метод eq (), затем next (). 

jQuery('table.ladder tr').eq(5).addClass('newClass')
                         .next('tr').remove();
3 голосов
/ 10 августа 2009

Добавить класс к 6 тр. 

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

Снимите 7 тр. 

jQuery('table.ladder tr:eq(6)').remove();
0 голосов
/ 18 октября 2009

@ SoulieBaby: Вы забыли упомянуть, что селектор nth-col - это плагин. Можно найти на: http://www.bramstein.com/projects/column/.

Извините за публикацию комментария в качестве ответа, пока не могу комментировать.

...