32 jquery html-table jquery-selectors
我想选择一个表列,我所知道的是列的标题文本.(th.innerText)
我尝试了以下代码,但它不起作用:
ownerIndex = $('th:contains("Owner")').index();
$('table tr td:nth-child(ownerIndex)')
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?
小智 58
好.我找到了解决方案:
$('table tr td:nth-child('+ownerIndex+')')
Run Code Online (Sandbox Code Playgroud)
Tri*_*tan 23
在上面的示例中,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");
Run Code Online (Sandbox Code Playgroud)