Bagaimanakah Saya Boleh Memilih Div Terlihat Terakhir Menggunakan Pemilih CSS (atau JavaScript)?

Pemilih CSS untuk Mendapatkan Bahagian Terakhir Terlihat

Reka letak HTML yang disediakan membentangkan pertanyaan yang mencabar: memilih bahagian terakhir yang boleh dilihat, tidak termasuk yang tersembunyi (ditandakan sebagai "paparan:tiada"). Walaupun pemilih CSS boleh menyasarkan pelbagai elemen secara berkesan berdasarkan atribut dan kedudukan, mereka tidak mempunyai kefungsian untuk membezakan antara elemen kelihatan dan tersembunyi dalam konteks tertentu.

Menyedari had ini, anda mungkin mempertimbangkan pendekatan alternatif:

Menggunakan JavaScript atau jQuery:

Dengan memanfaatkan JavaScript atau perpustakaan popularnya, jQuery, anda boleh mengakses Model Objek Dokumen (DOM) dan memanipulasi elemen HTML secara dinamik. Dengan fungsi yang dipertingkatkan ini, anda boleh menggunakan kod berikut:

var last_visible_element = $('div:visible:last');

Kod ini mendapatkan semula semua bahagian yang boleh dilihat pada halaman dan memilih yang terakhir kelihatan. Walau bagaimanapun, adalah dicadangkan untuk mempertimbangkan untuk membungkus bahagian yang disasarkan dalam kelas atau ID untuk fleksibiliti yang lebih baik. Penapisan ini membolehkan penyasaran yang lebih khusus, seperti yang ditunjukkan di bawah:

var last_visible_element = $('#some-wrapper div:visible:last');

Nota: Penyelesaian ini memerlukan pelaksanaan jQuery atau JavaScript pada halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Div Terlihat Terakhir Menggunakan Pemilih CSS (atau JavaScript)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!