为类中的链接设置操作usinv data-attributes和javascript

<a href="#" data-action="delete" data-target="item-1">删除</a>
<a href="#" data-action="edit" data-target="item-2">编辑</a>

var links = document.querySelectorAll('a[data-action]');
links.forEach(function(link) {
  link.addEventListener('click', function(event) {
    event.preventDefault(); // 阻止链接的默认行为
    var action = link.dataset.action; // 获取data-action属性的值
    var target = link.dataset.target; // 获取data-target属性的值
    
    // 根据操作名称和目标执行相应的操作
    if (action === 'delete') {
      deleteItem(target);
    } else if (action === 'edit') {
      editItem(target);
    }
  });
});

function deleteItem(target) {
  // 执行删除操作
  console.log('删除操作：', target);
}

function editItem(target) {
  // 执行编辑操作
  console.log('编辑操作：', target);
}