Bagaimana untuk memadam li terakhir UL dalam JQuery

藏色散人
Lepaskan: 2021-11-15 10:50:51
asal
2451 orang telah melayarinya

Kaedah JQuery untuk memadam li terakhir UL: 1. Buat fail html baharu; 2. Buat senarai menggunakan tag ul dan li; ke butang ;4 Padamkannya dengan mencipta fungsi delli().

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