Jquery在奇數tr中改變td的css

Question

我試圖改變奇數表行中表格單元格的背景，只用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");

但這只是占用單元格而不管行。 為了更好地描述我的問題，我想在某些單元格上將背景更改為藍色，但在偶數行中的單元格也要更暗。

我怎么會這樣做？

Answer 1

似乎問題在於:Contains(' + $(this).val() + ')部分

您可能需要將值放在雙引號中，例如':contains("' + $(this).val() + '")'

另請注意，根據此鏈接，它必須是:contains 。

請參閱下面的原型。

$('#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>

Answer 2

choz建議$('#DisplayTable tr:odd td:contains("' + $(this).val() + '"').css()這似乎完全符合我的要求

這樣做我想要的（從user2181397建議編輯）

 $('#DisplayTable tr:even td:contains("1")').css("background", "yellow"); $('#DisplayTable tr:odd td:contains("1")').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>1</td><td>1</td><td>1</td></tr> <tr><td>4</td><td>1</td><td>1</td></tr> </table>