селектор evenверсия устаревшая: 3.4
Описание: Выбирает элементы с чётными индексами (индексация с нуля). См. также :odd.
версия добавлена: 1.0jQuery( ":even" )
Начиная с jQuery 3.4, псевдокласс :even устарел. Удалите его из своих селекторов и отфильтруйте результаты позже с помощью .even() (доступно в jQuery 3.5.0 или более поздних версиях).
Обратите внимание, что нумерация с нуля означает, что, на первый взгляд парадоксально, :even выбирает первый, третий и т.д. элементы в наборе совпадений.
Дополнительные замечания:
- Поскольку
:evenявляется расширением jQuery, а не частью спецификации CSS, запросы, использующие:evenне могут воспользоваться повышением производительности, предоставляемым методом нативного DOMquerySelectorAll(). Чтобы добиться наилучшей производительности при использовании:evenдля выбора элементов, сначала выберите элементы с помощью чистого CSS-селектора, а затем используйте.filter(":even"). - Выбранные элементы упорядочены по порядку их появления в документе.
Пример:
Находит чётные строки таблицы, соответствующие первой, третьей и т. д. (индексы 0, 2, 4 и т. д.).
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>even demo</title>
<style>
table {
background: #eee;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<table border="1">
<tr><td>Row with Index #0</td></tr>
<tr><td>Row with Index #1</td></tr>
<tr><td>Row with Index #2</td></tr>
<tr><td>Row with Index #3</td></tr>
</table>
<script>
$( "tr:even" ).css( "background-color", "#bbf" );
</script>
</body>
</html>