:odd Seçicisi

odd selector Vazgeçilen versiyon 3.4
Açıklama : Sıfır endeksli olarak tek sıra nolu elemanları bulur. Ayrıca :even seçicisine bakınız.

jQuery( ":odd" ) Eklendiği Versiyon 1.0

JQuery 3.4 itibarıyla :odd sahte sınıfından vazgeçildi. Eğer varsa seçicilerinizden onu çıkarıp yerine sonuçları .odd() metodu ile filtreleyiniz. (Versiyon 3.5.0 ve sonrası için)

Dikkat ediniz :odd seçicisi sıralamaya sıfırdan başladığı için ikinci, dördüncü, altıncı vs elemanları seçmektedir.



İlave Notlar :

  • :odd bir jQuery eklentisi olduğu ve CSS standardı olmadığı için JavaScript querySelectorAll() metodu performansından yararlanamaz. Modern tarayıcılarda daha iyi bir performans için önce saf CSS seçici ile elemanları seçip .filter(":odd"). ile seti filtreleyiniz.
  • Seçilen elemanlar dökümanda yer aldıkları sırayla gelirler.


Örnekler:

Tek sıra numaralı tablo satırlarını bul (index'i 1, 3, 5 olanlar).

<style>
   table { background: #eee; }
</style>
<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", "#bbf" );
</script>
Row with Index #0
Row with Index #1
Row with Index #2
Row with Index #3

.

.