今天我们来学习如何使用jQuery来实现点击当前删除节点的功能。
首先我们需要添加一个点击事件,当用户点击特定的元素时触发删除操作。我们可以使用jQuery的“on()”方法来实现这个效果:
$(document).on('click', 'button', function() { $(this).closest('li').remove(); });
这段代码会添加一个点击事件到整个文档中,当用户点击按钮时,它会找到最近的“li”元素并将其删除。
还有一些其他的方法,如使用“parent()”或“parents()”方法来找到元素的父级并删除它。
$(document).on('click', 'button', function() { $(this).parent().remove(); });
如果你需要删除的是一个特定的元素,可以直接使用该元素的 ID 或类名来找到它:
$(document).on('click', '#delete', function() { $('.item').remove(); });
记住,当你使用这些方法时,你需要非常小心。因为它们会直接改变DOM结构,所以需要确保只删除你想要删除的元素。