Проблема CSS в JQuery

63
5

Возможный дубликат:
Почему селектор $('# table > tr') не соответствует? (всегда возвращает 0)



Я попытался применить цвет к строкам таблицы, используя следующий код. Это не работает, но я не понимаю, почему. Может ли кто-нибудь объяснить, почему или указать мне в правильном направлении?


HTML:


<table id="tblSample" border="1" cellpadding="0" cellspacing="0" width="300px">
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
</table>

JQuery


$("#tblSample > tr").css("background-color", "gray");

спросил(а) 2021-01-25T16:30:02+03:00 5 месяцев назад
1
Решение
117

Вам не хватает неуловимого tbody элемента.


http://jsfiddle.net/m7HTt/


Вы можете сделать это:

$("#tblSample > tbody > tr").css("background-color", "gray");

или это:


$("#tblSample tr").css("background-color", "gray");

ответил(а) 2021-01-25T16:30:02+03:00 5 месяцев назад
63

Если вы хотите чередовать цвета строк, вы можете сделать что-то такое же простое, как и это.

$("#tblSample tr:even").css("background-color", "gray");

ответил(а) 2021-01-25T16:30:02+03:00 5 месяцев назад
-5

Попробуйте


$("#tblSample  tr").css("background-color", "gray");

или


$("#tblSample tr td").css("background-color", "gray");

ответил(а) 2021-01-25T16:30:02+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема