Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menentukan elemen mana yang diklik dalam jquery
Kaedah: 1. Gunakan kaedah bind() untuk mengikat acara klik pada elemen dan nyatakan fungsi pemprosesan peristiwa; 2. Gunakan kaedah indeks() dalam fungsi pemprosesan untuk menentukan kedudukan klik sintaks ialah "$( Elemen objek).bind('klik',fungsi(){Element object.index();})".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.
Bagaimanakah jquery menentukan elemen mana yang diklik
Dalam jquery, jika anda ingin menentukan elemen mana yang diklik, anda perlu menggunakan bind () kaedah dan kaedah indeks(), gunakan kaedah bind() untuk mengikat peristiwa klik pada setiap label dan dapatkan indeks kedudukan label yang sedang diklik melalui kaedah indeks(). Kaedah
bind() menambah satu atau lebih pengendali acara pada elemen yang dipilih, serta fungsi untuk dijalankan apabila peristiwa itu berlaku.
Sintaksnya ialah:
$(selector).bind(event,data,function,map)
kaedah indeks() mengembalikan kedudukan indeks bagi elemen yang ditentukan berbanding dengan elemen lain yang ditentukan.
Sintaksnya ialah:
$(selector).index()
Mari kita lihat contoh di bawah ini:
Buat fail html baharu dan namakannya sebagai ujian. html untuk penjelasan. Bagaimanakah jquery 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.
Dalam kaedah fungsi, dengan mendapatkan objek li, gunakan kaedah bind() untuk mengikat acara klik pada setiap li Apabila li diklik, dapatkan nilai indeks teg li semasa melalui indeks () kaedah Akhir sekali, gunakan kaedah amaran() untuk mengeluarkan nilai indeks.
Kodnya adalah seperti berikut:
Output hasil apabila label diklik:
Ringkasan:
1 Gunakan kaedah bind() untuk mengikat acara klik pada setiap tag 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.
Tutorial video berkaitan yang disyorkan: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menentukan elemen mana yang diklik dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!