Analisis penggunaan indeks() dalam jQuery_jquery

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)

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> 

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] ) );
  })
}) 

Di sini:

$( "#act li" ).index( $(this)[0] )

Sangat penting!