如何使用jQuery选择表列
我想选择一个表列,我所知道的是列的标题文本。 (th.innerText)
我尝试了以下代码,但它不起作用:
ownerIndex = $('th:contains("Owner")').index(); $('table tr td:nth-child(ownerIndex)')
有任何想法吗?
好。 我找到了解决方案:
$('table tr td:nth-child('+ownerIndex+')')
在上面的示例中,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");
这似乎与后面的勾号相反,而不是单引号:
$(`table tr td:nth-child(${ownerIndex})`)