我正试图解决类似的问题,这里回答了这里:https://stackoverflow.com/a/9541558/1933036。根据标题文本与colspan更改列的背景颜色
我想在我的表格中根据特定标题设置样式。这已在上述链接中解决,但它只适用于单个标头。任何具有2或更多的colspan的头部将导致此代码无法工作。我已经在带有多列标题的工作解决方案的分叉版本中演示了这一点:https://jsfiddle.net/icarnaghan/apj2ady4/1/。接下来是相同的代码。
<table border="1">
<thead>
<tr>
<th>Header 1</th>
<th colspan="2">Header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
</tbody>
</table>
var txt = 'Header 2';
var column = $('table tr th').filter(function() {
return $(this).text() === txt;
}).index();
if(column > -1) {
$('table tr').each(function() {
$(this).find('td').eq(column).css('background-color', '#ccc');
});
}
正如你可以从我的例子中看到的,我不能上色的两列单元格标题2下我不知道这甚至会给予我的问题,正确的方法,但是任何意见或建议将不胜感激。
这似乎正是我需要的。谢谢! –