Чтобы изменить цвет строк таблицы с помощью jQuery, вы можете использовать следующие методы:
Метод 1: использование CSS
Вы можете определить различные классы CSS для чередующихся строк и применять их с помощью jQuery. Вот пример:
HTML:
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
<!-- more rows... -->
</table>
CSS:
tr.even {
background-color: #F0F0F0;
}
tr.odd {
background-color: #FFFFFF;
}
jQuery:
$(document).ready(function() {
$("#myTable tr:even").addClass("even");
$("#myTable tr:odd").addClass("odd");
});
Метод 2: использование jQuery
Вы можете напрямую использовать jQuery, чтобы добавить стиль CSS к чередующимся строкам. Вот пример:
HTML:
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
<!-- more rows... -->
</table>
jQuery:
$(document).ready(function() {
$("#myTable tr:even").css("background-color", "#F0F0F0");
$("#myTable tr:odd").css("background-color", "#FFFFFF");
});