Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mendapatkan ID Elemen yang Mencetuskan Acara jQuery?

Bagaimanakah Saya Boleh Mendapatkan ID Elemen yang Mencetuskan Acara jQuery?

Mary-Kate Olsen
Lepaskan: 2024-12-16 02:14:10
asal
294 orang telah melayarinya

How Can I Get the ID of the Element that Triggered a jQuery Event?

Mendapatkan ID Elemen Mencetuskan Peristiwa

Dalam pembangunan web, selalunya terdapat keperluan untuk mendapatkan semula pengecam elemen yang memulakan acara, seperti klik butang atau tuding tetikus. Artikel ini meneroka cara untuk mendapatkan ID elemen ini menggunakan jQuery perpustakaan JavaScript yang popular.

Objek Peristiwa jQuery

sistem acara jQuery menyediakan objek sebagai salah satu argumen yang dihantar kepada pengendali acara. Objek ini mengandungi pelbagai sifat, termasuk satu dipanggil sasaran yang merujuk terus kepada elemen yang mencetuskan acara.

Mendapatkan ID Menggunakan target.id

Untuk mendapatkan ID daripada elemen pencetus, cuma akses sifat target.id dalam pengendali acara. Sebagai contoh, coretan kod berikut menunjukkan cara untuk memaklumkan ID elemen yang diklik:

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});
Salin selepas log masuk

jQuery Object vs. DOM Element

Peristiwa itu perlu diperhatikan .target bukan objek jQuery tetapi elemen DOM. Jika anda ingin menggunakan fungsi jQuery pada elemen ini, anda perlu mengaksesnya menggunakan $(this), seperti yang ditunjukkan di bawah:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan ID Elemen yang Mencetuskan Acara jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan