JQuery提供了一種簡潔、高效的方式來刪除元素 - 使用事件。當一個元素觸發了某個事件,你可以通過代碼來刪除它。下面我們來看一些實現代碼。
$(document).on('click', '.delete-btn', function() { $(this).closest('li').remove(); });
這段代碼的意思是,在文檔中任何時候,只要有一個類名為"delete-btn"的按鈕被點擊,就會執行這個函數。函數的作用是找到最近的包含在一個列表項中的元素,然后將這個列表項刪除。
還有另外一種方式可以實現同樣的效果:
$('.delete-btn').on('click', function() { $(this).closest('li').remove(); });
這段代碼的意思是,在文檔中所有的類名為"delete-btn"的按鈕被點擊時,執行這個函數。它的功能與上一段代碼相同。
總結一下,使用JQuery通過事件刪除元素的方法非常簡單,只需要在代碼中添加一個事件處理程序,然后使用"remove"函數將元素刪除即可。