:odd selector

odd селекторверсия устаревшая: 3.4

Описание: Выбирает нечётные элементы, нумерация с нуля. См. также :even.

версия добавлена: 1.0jQuery( ":odd" )

Начиная с jQuery 3.4, псевдокласс :odd устарел. Удалите его из своих селекторов и отфильтруйте результаты позже, используя .odd() (доступно в jQuery 3.5.0 и новее).

Обратите особое внимание, что нумерация с нуля означает, что, вопреки ожиданиям, :odd выбирает второй элемент, четвёртый элемент и так далее в наборе совпадений.

Дополнительные замечания:

Так как :odd — это расширение jQuery, а не часть спецификации CSS, запросы, использующие :odd , не могут воспользоваться увеличением производительности, предоставляемым методом querySelectorAll() нативного DOM. Чтобы добиться наилучшей производительности при использовании :odd для выбора элементов, сначала выберите элементы с помощью чистого CSS-селектора, а затем используйте .filter(":odd").
Выбранные элементы упорядочены в соответствии с их появлением в документе.

Пример:

Находит нечётные строки таблицы, соответствующие второй, четвёртой и последующим (индекс 1, 3, 5 и т. д.).

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>odd demo</title>
  <style>
  table {
    background: #f3f7f5;
  }
  </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:odd" ).css( "background-color", "#bbbbff" );
</script>
 
</body>
</html>

odd селекторверсия устаревшая: 3.4

версия добавлена: 1.0jQuery( ":odd" )

Дополнительные замечания:

Пример:

Демо: