Question

我是JQuery的新手，我对此有一个非常基本的问题。

我有两个html表格元素，一个是id =“needColor”，另一个是没有id。

我想在表上使用id =“needColor”设置偶数行的背景颜色，但不在没有任何ID的表上设置。

如何使用JQuery执行此操作？

目前的代码如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"</script>
<script>
$(document).ready(function(){

//tried to add something like these, but I am not sure how it must be written

// this makes all the even row in "all" table to be yellow
$("tr:even").css("background-color", "yellow");

// this will give the whole yellow color of table with id = needColor
$("table[id='needColor']").css("background-color", "yellow"); // do not use ("#needColor") as this will affect other elements than "table"


});
</script>

感谢。

Answer 1

$("#needColor tr:even").css("background-color", "yellow");

选择器的第一部分#needColor获取具有该id的元素。 td:even表示获取偶数tr元素。这两个部分之间的空间意味着tr元素应该是第一个元素的后代。

如果您有多个id="needColor"元素，那么您的html无效：id应该是唯一的，因此如果您需要将多个元素标识为需要颜色，则应使用类而不是id。但是，如果由于某种原因无法更改html，那么你可以这样做：

$("table[id='needColor'] tr:even").css("background-color", "yellow");

请注意，虽然您不需要任何JavaScript / jQuery，但您只需使用CSS即可。在样式表中：

table[id='needColor'] tr:nth-child(even) {
  background-color: yellow;
}

Answer 2

试试这个：

$("table[id='needColor'] tr:even").css("background-color", "yellow");

或者这个（但我会在上面建议）：

<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
    <Views:TestingView Name="TestView" />
</ScrollViewer>
</Window>

它们都会将背景颜色设置为黄色的表格，其ID为＃34; needColor＆＃34;

使用JQuery修改某个ID的HTML元素

2 个答案: