Как выбрать столбец таблицы с помощью jQuery

Question

Я хочу выбрать столбец таблицы, и все, что я знаю, это текст заголовка столбца. (Th.innerText)

Я попробовал следующий код, но он не работает:

ownerIndex = $('th:contains("Owner")').index();
$('table tr td:nth-child(ownerIndex)')

есть идеи?

Answer 1

Хорошо. Я нашел решение:

$('table tr td:nth-child('+ownerIndex+')')

Answer 2

В приведенном выше примере значение ownerIndex должно быть увеличено на 1, чтобы соответствовать индексации nth-child, которая начинается с 1, а не с 0.

Вот мой вариант: http://jsfiddle.net/2xU8t/

/* Set all the cells in columns with THEHEADING in the heading to red */

// Find the heading with the text THEHEADING
columnTh = $("table th:contains('THEHEADING')");

// Get the index & increment by 1 to match nth-child indexing
columnIndex = columnTh.index() + 1; 

// Set all the elements with that index in a tr red
$('table tr td:nth-child(' + columnIndex + ')').css("color", "#F00");

// Set the heading red too!
columnTh.css("color", "#F00"); 

Answer 3

Похоже, что это работает с использованием обратного тика, а не одиночной кавычки:

$(`table tr td:nth-child(${ownerIndex})`)