javascript – Jquery在奇数tr中改变td的css

2023年9月5日 246次阅读

我试图改变奇数表行中的表格单元格的背景,并仅使用
Jquery更改某些单元格

我知道我可以这样做来改变奇数或偶数行

$("#DisplayTable tr:visible:even").css("background", "#999999");
$("#DisplayTable tr:visible:odd").css("background", "#ffffff");

我试过这个但是这个

$('#DisplayTable td:Contains(' + $(this).val() + '):odd').css("background", "#A8CBFF");
$('#DisplayTable td:Contains(' + $(this).val() + '):even').css("background", "#66a3ff");

但这只是占用单元格而不管行.
为了更好地描述我的问题,我想在某些单元格上将背景更改为蓝色,但在偶数行中的单元格也要更暗.

我怎么会这样做？

最佳答案 似乎问题在于：包含(‘$(this).val()’)部分

您可能需要将值放在双引号中,例如’：contains(“’$(this).val()’”)’

另请注意,根据此link,它必须是：包含.

请参阅下面的原型.

$('#DisplayTable td:contains("1"):odd').css("background", "yellow");
$('#DisplayTable td:contains("2"):even').css("background", "orange");

table, th, td {
   border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id ="DisplayTable">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>3</td><td>1</td></tr>
<tr><td>3</td><td>4</td><td>1</td></tr>
<tr><td>4</td><td>2</td><td>1</td></tr>
</table>
点赞