div第一桌做一个颜色？

Question

我有Div标签，有3个表格。如何改变第一张桌子的底色？

<div id="WebPartWPQ2" width="100%" HasPers="false" allowExport="false">
<table width="100%" border="0" cellSpacing="0" cellPadding="0">
<table width="100%" border="0" cellSpacing="0" cellPadding="0">
<table width="100%" border="0" cellSpacing="0" cellPadding="0">
<div>

Answer 1

$('div#WebPartWPQ2 table:first').css('backgroundColor', 'blue');

Answer 2

这使用有效的querySelectorAll选择器，然后添加一个类，这通常比设置单个样式更合适。

$('#WebPartWPQ2 > table:first-child').addClass( 'someClass' );

使用有效的qsa选择器执行此操作的另一种方法是选择所有表，并使用slice()^[docs]方法获取第一个。

$('#WebPartWPQ2 > table').slice(0,1).addClass( 'someClass' );

:first无法识别qsa等选择器，我认为最好避免使用它们。

上面使用的选择器是：

• id-selector^[docs] '#WebPartWPQ2

• child-selector^[docs] >

• element-selector^[docs] table

• first-child-selector^[docs] :first-child

Answer 3

您可以使用以下选择器查找div中的第一个表格。然后只需将颜色应用于它：

jQuery("table:first", "#WebPartWPQ2").css('backgroundColor', myColor);

Answer 4

你应该在背景和颜色之间添加一个“ - ”。

$('div#WebPartWPQ2 table:first').css('background-color', 'blue');