Bagaimana Mencari Elemen DOM dengan Cekap mengikut Nilai Atribut?

Cara Mencari Elemen dalam DOM Berdasarkan Nilai Atribut

Mencari elemen dalam Model Objek Dokumen (DOM) berdasarkan nilai atribut ialah tugas biasa dalam pembangunan web. API DOM menyediakan mekanisme yang mantap untuk melaksanakan operasi ini.

Dalam penyemak imbas moden, querySelectorAll ialah kaedah asli yang membolehkan anda mendapatkan semula elemen yang sepadan dengan pemilih CSS tertentu. Sebagai contoh, untuk mencari elemen dengan atribut data-foo khusus yang ditetapkan kepada "nilai", anda boleh menggunakan pemilih berikut:

document.querySelectorAll('[data-foo="value"]');

Kaedah ini disokong oleh semua penyemak imbas moden utama, seperti yang diperincikan pada MDN: https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll dan https://caniuse.com/queryselector.

Untuk pelayar usang seperti IE9 dan lebih awal, anda boleh menggunakan perpustakaan jQuery untuk mencapai fungsi yang sama:

$('[data-foo="value"]');

Atas ialah kandungan terperinci Bagaimana Mencari Elemen DOM dengan Cekap mengikut Nilai Atribut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!