jQuery是一個流行的JavaScript庫，用于簡化Web開發中的許多任務，包括DOM操作。在網頁開發中，經常需要對DOM元素進行增刪改查的操作，其中刪除最后一個子元素也是一個常見需求。本文將介紹使用jQuery刪除最后一個子元素的幾種方法。
方法一：使用last()方法
jQuery提供了last()方法，可以選取當前查詢結果的最后一個元素。通過結合這個方法和remove()方法，可以刪除最后一個子元素。
刪除最后一個子元素示例 子元素1 子元素2 子元素3 $(document).ready(function(){ $('#deleteBtn').click(function(){ $('#parent').children().last().remove(); }); });
登錄后復制
在上面的代碼中，通過點擊按鈕觸發deleteBtn的click事件，jQuery會選取parent元素的所有子元素中的最后一個并刪除之。
方法二：使用:last-child選擇器
除了使用last()方法，還可以使用jQuery提供的選擇器:last-child選取最后一個子元素，然后調用remove()方法來刪除。
刪除最后一個子元素示例 子元素1 子元素2 子元素3 $(document).ready(function(){ $('#deleteBtn').click(function(){ $('#parent :last-child').remove(); }); });
登錄后復制
上述代碼中，也是通過點擊按鈕觸發事件，選取parent元素的最后一個子元素并刪除之。
總結：
以上便是使用jQuery刪除最后一個子元素的兩種方法，開發者可以根據實際情況選擇適合的方式來操作DOM元素。jQuery的靈活性和便捷性使得操作DOM變得簡單易懂，提高了Web開發效率。
