So löschen Sie das letzte Li von UL in JQuery

So löschen Sie das letzte LI in UL mit JQuery: 1. Erstellen Sie eine neue HTML-Datei. 2. Erstellen Sie eine Liste mit UL- und LI-Tags. 3. Erstellen Sie eine Schaltfläche mit dem Button-Tag und binden Sie das Onclick-Ereignis an die Schaltfläche. 4. Passen Sie einfach die Funktion delli() an, um das Löschen zu implementieren.

Die Betriebsumgebung dieses Artikels: Windows7-System, JQuery-Version 3.2.1, DELL G3-Computer

Wie lösche ich die letzte LI von UL mit JQuery?

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie JQuery das letzte Li-Element löscht.

Verwenden Sie in der Datei test.html die Tags ul und li, um eine Liste zum Testen zu erstellen.

Setzen Sie in der Datei test.html die ID des ul-Tags auf mytest, mit der das unten stehende ul-Objekt abgerufen wird.

Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, binden Sie das Onclick-Klickereignis an die Schaltfläche und führen Sie die Funktion delli() aus, wenn auf die Schaltfläche geklickt wird.

Erstellen Sie im js-Tag die Funktion delli(). Rufen Sie innerhalb der Funktion das letzte li-Tag-Objekt über den jquery-Selektor „:last“ ab und verwenden Sie die Methode „remove()“, um es zu löschen.

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um die Ergebnisse anzuzeigen.

Empfohlenes Lernen: „JQuery-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo löschen Sie das letzte Li von UL in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!