Makaleyi arkadaşlarınızla paylaşarak sitenin geliştirilmesine yardımcı olun!

jQuery indeksinin tanımı

jQuery index() işlevi, seçiciye göre belirli öğenin dizinini döndürmek için kullanılır. jQuery index() işlevi, jQuery'de yerleşik bir işlevdir. jQuery index() işlevi belirtilen öğeyi eşleşen öğeler arasında arar, öğe bulduysa öğenin dizinini döndürür, öğe eşleşen öğelerde bulunmazsa -1 döndürür. index() işlevine hiçbir parametre iletilmezse, jQuery nesnesinde bulunan ilk öğenin konumunu döndürür.

Sözdizimi:

$( seçici). index( element );

Parametreler:

  • element - Bu isteğe bağlı bir parametredir. Seçiciye göre indeks değerini arayacak ve döndürecek öğeyi belirtir.
  • Dönüş değeri - Bu işlevin dönüş değeri, belirtilen öğenin dizin değeridir.

jQuery indeksinin çalışması() Fonksiyon

JQuery index() işlevi bir parametreyi kabul eder, parametre eşleşen öğelerde aranacak öğedir. Bir sonraki sayfada kullanılan bir elementimiz olduğunu varsayalım, “div” gibi belirli bir elementin indeksini bulmamız gerekiyor. Böylece index() işlevini “$( “div” .index( );” olarak kullanabiliriz, bu da sayfadaki “div” öğesinin dizinini gösteren bir sayı döndürür.

Örnekler

Belirli bir öğenin dizin değerini almak için jQuery index() işlevi örneği -

Örnek 1

Kod:


Bu, jQuery index() işlevine bir örnektir

Bu bir index() işlevi örneği:


Listelerinden indeks değerlerini almak için aşağıdaki eleman listesine tıklayın.

Sebzelerin Listesi :



  1. Mısır
  2. Mantar
  3. Brokoli
  4. Salatalık

Meyvelerin Listesi :



  1. Elma
  2. Muz
  3. Kiraz
  4. Pome

Yukarıdaki kodun çıktısı -

Öğe listesine tıkladığımızda ilgili çıktılar -

Yukarıdaki kodda sebze ve meyveler için oluşturulmuş iki adet sipariş listesi bulunmaktadır. Ardından, index() işlevi, seçilen veya tıklanan liste öğelerinin indeksini “$( this .index();” olarak almak için kullanılır. Her iki listenin de farklı olduğuna dikkat edin, bu nedenle öğe, yukarıdaki çıktıda görebileceğimiz gibi, listesine göre dizin değerini verir.

Arama için parametre değerini geçen seçiciden öğelerin indeksini almak için jQuery dizisi indexOf() işlevi örneği -

Örnek 2

Kod:


Bu, jQuery index() işlevine bir örnektir

Bu bir index() işlevi örneği:


Bu, herhangi bir sınıf içermeyen bir ilk paragraftır.

"Bu, c1 sınıfına sahip ilk yayılma kutusudur.
"

" Bu, c1 sınıfına sahip ikinci bir paragraftır."

"Bu, c1 sınıfına sahip ikinci bir yayılma kutusudur.
"

Yukarıdaki kodun çıktısı -

İlk p öğesine tıkladığımızda çıktı -

İlk yayılma öğesini tıkladığımızda çıktı -

İkinci p öğesine tıkladığımızda çıktı -

İkinci yayılma elemanına tıkladığımızda çıktı -

Yukarıdaki kodda “h3” “p” ve “span” öğeleri, “p” ve “span” da sınıfla birlikte kullanılmıştır. Daha sonra index() işlevi, seçilen veya tıklanan öğelerin sınıflı ve sınıfsız dizinini almak için kullanılır. “$( “.c1” .index( “span”);” kodu “c1” sınıfına sahip elemanları seçer ve bunlar arasından seçilen listedeki “span” eleman indeksini seçer. Yukarıdaki çıktıda farklı bir kombinasyonun sonucunu görebiliriz.

Birden çok öğenin dizinini almak için jQuery dizisi indexOf() işlevi örneği -

Örnek 3

Kod:


Bu, jQuery index() işlevine bir örnektir

Bu bir index() işlevi örneği:


Bu paragraftır.

Bu bir yayılma kutusu.
Bir öğenin dizinini alın

Yukarıdaki kodun çıktısı -

Yukarıdaki kodda “h3” “p” ve “span” elemanları kullanılmıştır. Daha sonra, index() işlevi, 1 döndüren “p” dizinini almak için kullanılır, ardından en düşük olan “h3” dizinini döndüren bir çağrıda “p” ve “h3” dizinini almak için kullanılır. dizin ve alternatif olarak üçüncü kez deneyin, ayrıca en düşük dizin olan “h3” endeksini de döndürün.Bu nedenle, yukarıdaki çıktıda görebileceğimiz gibi, çoklu seçiciler arasında en düşük dizini verir.

Sonuç

jQuery index() işlevi, seçiciye göre belirli bir öğenin dizinini döndürmek için kullanılan yerleşik bir işlevdir.

Makaleyi arkadaşlarınızla paylaşarak sitenin geliştirilmesine yardımcı olun!

Kategori:

Programlama dilleri