Rumah > masalah biasa > klik jquery untuk mendapatkan elemen semasa

klik jquery untuk mendapatkan elemen semasa

百草
Lepaskan: 2023-06-13 16:03:29
asal
3143 orang telah melayarinya

Kaedah klik jQuery untuk mendapatkan elemen semasa: 1. Buat fail sampel html dan gunakan kaedah "bind()" untuk mengikat acara klik "klik" pada setiap tag li 2. Apabila li diklik, dapatkan indeks kedudukan teg li yang sedang diklik melalui kaedah "index()", sintaksnya ialah "$(element object).bind('click', function(){element object.index();}) "; 3. Gunakan kaedah "alert()" untuk mengeluarkan nilai indeks.

klik jquery untuk mendapatkan elemen semasa

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.4, komputer Dell G3.

Kaedah klik JQuery untuk mendapatkan elemen semasa:

Mula-mula gunakan kaedah bind() untuk mengikat acara klik pada elemen dan nyatakan pengendali acara () kaedah digunakan dalam fungsi pemprosesan untuk mengira kedudukan indeks elemen yang diklik Sintaksnya ialah "$(elemen object).bind('click', function(){element object.index();})".

Dalam jquery, anda boleh menggunakan kaedah index() untuk mendapatkan elemen yang sedang diklik. Contoh berikut menerangkan cara menggunakan jquery untuk mengetahui li yang saya klik.

1. Cipta fail html baharu, bernama test.html, untuk menerangkan cara menggunakan jquery untuk mengetahui li yang saya klik. Gunakan teg skrip untuk memuatkan fail jquery.min.js Hanya apabila fail berjaya dimuatkan anda boleh menggunakan kaedah jquery. Gunakan tag ul, tag li untuk mencipta senarai, contohnya, buat senarai tiga item. Gunakan kaedah ready() untuk melaksanakan kaedah fungsi apabila halaman dimuatkan.

klik jquery untuk mendapatkan elemen semasa

2 Dalam kaedah fungsi, dengan mendapatkan objek li, gunakan kaedah bind() untuk mengikat acara klik pada setiap li apabila li diklik, melalui kaedah indeks () untuk mendapatkan nilai indeks tag li semasa, dan akhirnya, gunakan kaedah amaran() untuk mengeluarkan nilai indeks.

klik jquery untuk mendapatkan elemen semasa

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat keputusan.

klik jquery untuk mendapatkan elemen semasa

Ringkasan:

1 Gunakan kaedah bind() untuk mengikat acara klik pada setiap teg li.

2. Dapatkan indeks kedudukan teg li yang sedang diklik melalui kaedah indeks().

Nota:

Indeks yang diperolehi oleh index() bermula dari 0, jadi contoh di atas memerlukan penambahan 1.

Atas ialah kandungan terperinci klik jquery untuk mendapatkan elemen semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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