JQuery Dapatkan Indeks Elemen Semasa

3 Coretan kod jQuery untuk mendapatkan indeks elemen semasa. Baik untuk tugas -tugas yang anda gunakan sepanjang masa dan hanya boleh dimasukkan ke dalam fungsi untuk digunakan semula.

Soalan Lazim (Soalan Lazim) Mengenai Indeks JQuery

Apakah kaedah indeks jQuery dan bagaimana ia berfungsi? Kaedah ini amat berguna apabila anda perlu mencari kedudukan elemen dalam sekumpulan elemen yang dipilih. Indeks itu berasaskan sifar, yang bermaksud elemen pertama mempunyai indeks 0, elemen kedua mempunyai indeks 1, dan sebagainya. Kaedah indeks boleh digunakan tanpa sebarang parameter untuk mengembalikan kedudukan elemen pertama dalam set elemen yang dipadankan. Sebagai alternatif, ia boleh digunakan dengan parameter untuk mencari kedudukan elemen tertentu. Berikut adalah contoh:

var index = $ ("div"). Indeks ($ ("#spesifikelement"); pemilih kelas. Ini berguna apabila anda ingin mencari kedudukan elemen dengan kelas tertentu dalam sekumpulan elemen. Berikut adalah contoh:

$<span>.fn.getIndex = function(){
</span>	  <span>var $p=$(this).parent().children();
</span>    <span>return $p.index(this);
</span><span>}</span>

var index = $ (". Myclass"). Indeks ($ ("#spesifikelement")); Kaedah indeks jQuery tidak menemui elemen yang ditentukan, ia akan kembali -1. Ini adalah ciri berguna yang membolehkan anda menyemak sama ada elemen wujud dalam sekumpulan elemen. Jika kaedah indeks kembali -1, anda tahu bahawa elemen itu bukan sebahagian daripada kumpulan.

Bolehkah saya menggunakan kaedah indeks jQuery untuk mendapatkan indeks elemen semasa dalam pengendali acara? Ini berguna apabila anda ingin melakukan tindakan berdasarkan kedudukan elemen yang mencetuskan acara tersebut. Berikut adalah contoh:

$ ("div"). Klik (fungsi () {
var index = $ ("div"). Indeks (ini); Amaran kemudian memaparkan kedudukan div yang diklik, menambah 1 ke indeks ke akaun untuk pengindeksan berasaskan sifar.

Atas ialah kandungan terperinci JQuery Dapatkan Indeks Elemen Semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!