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
Lepaskan: 2024-11-30 11:29:13
asal
800 orang telah melayarinya

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');
Salin selepas log masuk

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

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

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!

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