Удалить столбец из конкретной таблицы с помощью JQuery

Я использую CMS, который не позволяет мне редактировать HTML, я могу использовать только JavaScript и HTML, чтобы настроить способ, которым он выглядит. Там есть страница с тремя таблицами, и я хочу удалить (или скрыть) 2-й столбец со второй таблицы. Вот код HTML:Удалить столбец из конкретной таблицы с помощью JQuery

<TABLE> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
</TABLE> 

<TABLE> 
    <TR> 
     <TH>Row 1</TH> 
     <TH>Row 2</TH> 
     <TH>Row 3</TH> 
    </TR> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
</TABLE> 

<TABLE> 
    <TR> 
     <TH>Row 1</TH> 
     <TH>Row 2</TH> 
     <TH>Row 3</TH> 
    </TR> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
    <TR> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
     <TD>&nbsp;</TD> 
    </TR> 
</TABLE>

Как удалить JUST второй столбец во второй таблице?

источник

2012-03-28 Nate Allen

Можете ли вы использовать jQuery? –

Поскольку вы отметили это с помощью jquery, посмотрите на этот вопрос: http://stackoverflow.com/questions/455958/hide-show-column-in-an-html-table –

Я просмотрел похожие вопросы, но проблема, с которой я столкнулась, нацелена только на вторую таблицу. Я не могу редактировать HTML, поэтому я могу использовать только jQuery для его таргетинга. Как вы выбираете второй столбец во второй таблице, не выбирая другие 2 таблицы? –

Проверьте эту скрипту: http://jsfiddle.net/FJfbW/1/

$('td:nth-child(2), th:nth-child(2)', 'table:eq(1) tr').css('background', '#f00');

Вы можете использовать .remove() без использования .css(), чтобы избавиться от колонки

источник

2012-03-28 12:06:11 blackpla9ue

Использование JQuery: http://jsfiddle.net/upeVs/

$('table:eq(1) tr td:nth-child(2),table:eq(1) tr th:nth-child(2)').remove();

Edit:
Решение дается @blackpla9ue, может быть, немного больше производительным, учитывая, что это только один раз ищет строки таблицы:

$('td:nth-child(2), th:nth-child(2)', 'table:eq(1) tr').remove();

источник

2012-03-28 12:05:53 jb10210

я видел, что таблицы не имеют идентификаторов. Поэтому ответ @ blackpla9ue является наиболее подходящим. Но если вам нужно удалить вторую строку таблицы с идентификатором, то перейдите к приведенному ниже коду.

$('td:nth-child(2), th:nth-child(2)', '#tblEventSearchResults tr').css('background', '#f00');

источник

2012-05-23 15:12:12 user007

Удалить столбец из конкретной таблицы с помощью JQuery

ответ

Смежные вопросы