Bagaimana untuk Menyasarkan dan Memanipulasi Elemen Berdasarkan Atribut Datanya dalam jQuery?

Mencari Elemen mengikut Nilai Atribut Data dalam jQuery

Anda mempunyai berbilang elemen dengan struktur dan atribut data yang serupa. Tugasnya adalah untuk menyasarkan dan memanipulasi elemen tertentu berdasarkan nilai atribut datanya.

Dalam kes anda, anda ingin menambah kelas pada elemen dengan nilai atribut slaid data 0. Untuk mencapai ini, anda boleh menggunakan sintaks Attribute Equals Selector dalam jQuery.

Penyelesaian:

$('.slide-link[data-slide="0"]').addClass('active');

Penjelasan:

1. Pemilih Sama Atribut: [attribute="value"]: memilih elemen berdasarkan atribut dan nilai yang ditentukan. Di sini, [data-slide="0"] sepadan dengan elemen yang mempunyai atribut slaid data dengan nilai 0.
2. addClass() Kaedah: menambah kelas CSS baharu ke elemen yang dipilih. Dalam kes ini, .addClass('active') menggunakan kelas aktif pada elemen.

Perbandingan dengan find() Kaedah:

Sementara anda sebelum ini cuba menggunakan kaedah find(), ia beroperasi secara berbeza daripada Attribute Equals Selector. find() mencari keturunan elemen yang dipilih yang sepadan dengan pemilih yang ditentukan. Dalam konteks ini, ia akan mencari elemen anak dengan nilai atribut slaid data 0, yang bukan seperti yang anda maksudkan.

Demo Fiddle:

[Contoh Demo Fiddle](https://jsfiddle.net/example-of-attribute-equals-selector/)

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan dan Memanipulasi Elemen Berdasarkan Atribut Datanya dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!