javascript - 从列表中删除元素的更好方法?

标签 javascript jquery

我将有一个无序列表 ( <UL> ) 项目。每个项目都有一个删除按钮,该按钮将进行 ajax 调用,然后从列表中删除该项目。我拥有进行 Ajax 调用所需的所有信息,但我想知道让用户删除列表中任何项目的最佳方法。

我的第一个想法是动态分配每个 <LI>唯一的类标识符然后使用 jquery 的 remove()每个元素都有,但是有更好的方法吗?我感觉我的方法有些笨拙。

最佳答案

无需发明一些唯一的类名(您的意思是唯一标识符,对吧?id,而不是class)。

只需使用单击的按钮即可找到其父li

$('li .delete_button').click(function() {
  var that = this;
  $.post(url, data, function(data) {
    if(data.can_delete) {
      $(that).parent('li').remove();
    }
  });
});

关于javascript - 从列表中删除元素的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8922226/

相关文章:

Javascript 错误停止代码执行

javascript - 如何限制 Rails 应用程序中的鼠标点击率?

javascript - 对对象属性的更改未反射(reflect)在 Vue 组件中

javascript - 如何一次插入两个表?准备好的陈述

javascript - WebRTC 是正确的吗? (实时多人游戏)

javascript - 如何在用户删除之前添加确认消息?

codeigniter - Codeigniter 中的 Ajax 表单验证

php - 如何在 React 应用程序中包含 PHP 脚本

javascript - 获取主菜单项列表

javascript 未在页面上加载