Bagaimanakah saya boleh memilih elemen CSS dengan ID yang mengandungi teks tertentu?

ID Penyasaran Pemilih CSS yang Mengandungi Teks Khusus

Dalam pembangunan web, elemen boleh dikenal pasti dengan ID unik, menyediakan cara untuk menggayakan dan berinteraksi dengan mereka secara khusus. Walau bagaimanapun, apabila ID mengandungi bahagian dinamik yang berubah merentas elemen, mengakses elemen tertentu berdasarkan teks separa boleh menjadi mencabar.

Pertimbangkan senario di mana anda mempunyai berbilang elemen utama () dengan ID seperti "someGenerated Some: Sama:0:name" dan "someGenerated Some:Same:0:surname." Matlamat anda adalah untuk mendapatkan hanya elemen dengan ID yang mengandungi teks "nama."

Satu pendekatan mungkin menggunakan pemilih atribut "[id*='Some:Sama']," tetapi ini akan mengembalikan semua elemen dengan ID yang mengandungi "Sesetengah:Sama", tanpa mengira teks penamat.

Sebaliknya, anda boleh menggunakan pemilih yang lebih tepat:

a[id*='Some:Same'][id$='name']

Pemilih ini secara berkesan mengecilkan cari dengan terlebih dahulu menyemak elemen dengan ID yang mengandungi "Sesetengah:Sama" menggunakan bahagian "[id*='Sesetengah:Sama']". Ia kemudian menapis hasil untuk memasukkan hanya elemen yang IDnya berakhir dengan "nama" menggunakan bahagian "[id$='name']".

Pemilih gabungan ini memastikan bahawa hanya elemen dengan ID yang mengandungi "Beberapa: Sama" dan berakhir dengan "nama" diambil. Dalam kes ini, ia akan berjaya menyasarkan elemen dengan ID "someGenerated Some:Same:0:name" dan "someGenerated Some:Same:1:name."

Atas ialah kandungan terperinci Bagaimanakah saya boleh memilih elemen CSS dengan ID yang mengandungi teks tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!