Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memilih Div Terlihat Terakhir Menggunakan CSS dan JavaScript?

Bagaimanakah Saya Boleh Memilih Div Terlihat Terakhir Menggunakan CSS dan JavaScript?

Linda Hamilton
Linda Hamiltonasal
2024-11-30 11:29:13801semak imbas

How Can I Select the Last Visible Div Using CSS and JavaScript?

Memilih div Terlihat Terakhir dengan CSS

Dalam CSS, secara asalnya tidak mungkin untuk menyasarkan elemen kelihatan tertentu menggunakan pemilih sahaja. Teknik yang dikenali sebagai :visible tidak mencukupi dalam konteks ini kerana ia merangkumi semua elemen yang boleh dilihat, tanpa membezakan antara elemen terakhir yang boleh dilihat atau sebaliknya.

Untuk mengatasi had ini dan memilih div terakhir yang boleh dilihat, seseorang mesti mempertimbangkan alternatif pendekatan, seperti memanipulasi gaya dan memanfaatkan JavaScript atau jQuery.

JavaScript dan jQuery Pendekatan

Menggunakan JavaScript atau jQuery, seseorang boleh mencapai pemilihan ini seperti berikut:

  • Gunakan pemilih :visible untuk menyasarkan div yang boleh dilihat.
  • Gunakan kaedah last() untuk mendapatkan last visible div.
var last_visible_element = $('div:visible:last');

Jika div yang kelihatan mempunyai kelas atau ID tertentu, tapis pemilih sewajarnya:

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

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

Kenyataan:
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