Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk memadam li terakhir UL dalam JQuery

Bagaimana untuk memadam li terakhir UL dalam JQuery

藏色散人
Lepaskan: 2021-11-17 11:23:14
asal
2052 orang telah melayarinya

Kaedah JQuery untuk memadam li terakhir UL: 1. Gunakan teg ul li untuk membuat senarai 2. Gunakan teg butang untuk mencipta butang dan mengikat acara klik pada butang; Melalui pemilih jquery ": last" untuk mendapatkan li terakhir dan padamkannya menggunakan kaedah alih keluar.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara untuk memadam li terakhir UL dengan JQuery?

Buat fail html baharu, bernama test.html, untuk menerangkan cara jquery memadamkan elemen li terakhir.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Dalam fail test.html, gunakan teg ul dan li untuk membuat senarai untuk ujian.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Dalam fail test.html, tetapkan id tag ul kepada mytest, yang digunakan untuk mendapatkan objek ul di bawah.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Dalam fail test.html, gunakan teg butang untuk mencipta butang, ikat acara onclick pada butang, dan apabila butang diklik, laksanakan delli( ) fungsi.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Dalam teg js, cipta fungsi delli() Dalam fungsi tersebut, dapatkan objek teg li terakhir melalui pemilih jquery ":last" dan gunakan remove(. ) kaedah Padamkannya.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat keputusan.

Bagaimana untuk memadam li terakhir UL dalam JQuery

Pembelajaran yang disyorkan: "tutorial video jquery"

Atas ialah kandungan terperinci Bagaimana untuk memadam li terakhir UL dalam JQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan