Bagaimana untuk Memilih Elemen dengan Awalan ID Tertentu Menggunakan jQuery atau CSS?

Memilih Elemen dengan Awalan ID Tertentu Menggunakan jQuery atau CSS

Dalam pembangunan web, kita sering menghadapi keperluan untuk memilih elemen tertentu berdasarkan mereka atribut atau nama kelas. Dalam kes ini, kami ingin mengenal pasti semua elemen dengan ID bermula dengan rentetan tertentu menggunakan jQuery atau CSS tulen.

jQuery Attribute-Starts-With Selector

Dengan jQuery, kita boleh menggunakan pemilih atribut-mula-dengan untuk menyelesaikan tugas ini. Pemilih menggunakan sintaks berikut:

div[id^="player_"]

Dalam contoh ini, kami menyasarkan semua elemen div yang atribut idnya bermula dengan rentetan "player_". Adalah penting untuk ambil perhatian bahawa pemilih ini hanya sepadan dengan elemen di mana ID bermula dengan rentetan yang ditentukan.

Atribut CSS3-Bermula-Dengan Pemilih

CSS3 juga menawarkan atribut yang serupa -mula-dengan pemilih yang menyediakan fungsi yang sama seperti jQuerynya rakan sejawat:

div[id^="player_"]

Menggunakan pemilih ini dalam CSS membolehkan kami menggayakan atau berinteraksi dengan elemen yang memenuhi kriteria yang ditetapkan.

Pendekatan Alternatif: Pemilihan Berasaskan Kelas

Walaupun menggunakan pemilih ID boleh menjadi khusus, mungkin lebih cekap untuk menetapkan kelas kepada elemen yang disasarkan jika boleh. Ini kerana pemilih kelas mempunyai kekhususan yang sama seperti pemilih atribut, dan menggunakan kelas membolehkan penyasaran dan penyelenggaraan yang lebih mudah dalam jangka masa panjang.

Dengan mengubah suai HTML untuk memasukkan kelas yang diperlukan, kami boleh memudahkan pemilihan kami sebagai berikut:

<div>

Dalam kes ini, kita boleh memilih semua elemen dengan kelas "player-div" menggunakan CSS atau jQuery mengikut keperluan.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen dengan Awalan ID Tertentu Menggunakan jQuery atau CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!