Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memilih Elemen Yang IDnya Bermula dengan Rentetan Tertentu Menggunakan jQuery atau CSS?

Bagaimanakah Saya Boleh Memilih Elemen Yang IDnya Bermula dengan Rentetan Tertentu Menggunakan jQuery atau CSS?

Mary-Kate Olsen
Lepaskan: 2024-12-02 07:44:10
asal
876 orang telah melayarinya

How Can I Select Elements Whose IDs Start with a Specific String Using jQuery or CSS?

Memilih ID dengan jQuery atau CSS

Soalan: Bagaimana anda memilih semua elemen yang IDnya bermula dengan tertentu rentetan?

Jawapan:

Terdapat dua kaedah utama untuk memilih elemen berdasarkan ID mereka:

jQuery:

$("div[id^='player_']")
Salin selepas log masuk

Pemilih jQuery ^ (atribut-bermula-dengan) memilih elemen yang IDnya bermula dengan rentetan yang ditentukan.

CSS3:

div[id^="player_"]
Salin selepas log masuk

Atribut CSS3-bermula-dengan pemilih juga memilih elemen yang IDnya bermula dengan rentetan yang ditentukan.

Pertimbangan Tambahan:

Semasa menggunakan ID pemilih memberikan kekhususan yang tinggi, tidak disyorkan untuk bergantung semata-mata pada atribut ID untuk padanan yang kompleks. Sebaliknya, pertimbangkan untuk menambah atribut kelas pada elemen yang dikehendaki.

<div class="player">
Salin selepas log masuk

Pendekatan ini memudahkan pemilihan dan mengekalkan kekhususan yang tinggi:

jQuery:

$(".player")
Salin selepas log masuk

CSS3:

.player
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Yang IDnya Bermula dengan Rentetan Tertentu Menggunakan jQuery atau CSS?. 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