淘先锋技术网

首页 1 2 3 4 5 6 7

今天我们来学习如何使用jQuery来实现点击当前删除节点的功能。

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结构,所以需要确保只删除你想要删除的元素。