Rumah > hujung hadapan web > tutorial js > Analisis penggunaan indeks() dalam jQuery_jquery

Analisis penggunaan indeks() dalam jQuery_jquery

WBOY
Lepaskan: 2016-05-16 16:36:56
asal
1349 orang telah melayarinya

Artikel ini menerangkan penggunaan index() dalam jQuery dengan contoh. Kongsikan dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:

Sekarang ada soalan: Jika terdapat N bilangan item senarai dalam senarai, saya ingin tahu yang mana satu yang saya klik dan bagaimana untuk mendapatkannya?

Untuk ini, jQuery menyediakan kaedah indeks():

index(subject)
Salin selepas log masuk

Kaedah ini mencari elemen yang sepadan dengan objek yang diwakili oleh parameter dan mengembalikan nilai indeks elemen yang sepadan.

Jika elemen sepadan ditemui, pulangan bermula dari 0; jika tiada unsur sepadan ditemui, -1 dikembalikan.

Tetapi contoh yang disediakan dalam API nampaknya salah

<ul>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
</ul> 

Salin selepas log masuk
Seperti yang ditunjukkan di atas, ini adalah senarai tidak tersusun Bagaimana jika saya ingin mengklik mana-mana item senarai dan mendapatkan urutan item tersebut?

Kaedah pelaksanaan adalah seperti berikut:

$(document).ready(function(){ 
$("#act li").click(function(){
  alert( $( "#act li" ).index( $(this)[0] ) );
  })
}) 

Salin selepas log masuk
Di sini:

$( "#act li" ).index( $(this)[0] )
Salin selepas log masuk
Sangat penting!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan