目标循环的HTML属性单一属性

Question

我实际上发现很难将元素属性用于单击。

我构建了一个自动搜索系统，也想添加删除的功能。

结果将结果作为循环元素删除后，我希望能够单击特定元素删除按钮，并能够使用其元素data-id =" every-number"从数据库中删除该按钮，如何才能如何我仅以JavaScript为目标，仅针对特定元素忽略其他元素

static delApi(delClassName, attribute){
      const del = document.querySelectorAll(delClassName);
      del.forEach(e =>{ 
      })
static delApi(delClassName, attribute){
      const del = document.querySelectorAll(delClassName);
      del.forEach(e =>{ 
           e.target.this.attribute //only
      })

图像

Answer 1

我根本不了解您的代码片段；Foreach与点击事件处理程序无关。但是您对e.target的概念实际上很近。这是一个在事件听众回调的上下文中如何工作的示例。

我正在使用AddeventListener使用香草JavaScript，因为当您包含jQuery标签时，上面的所有代码都是香草。我还创建一个事件侦听器，并允许点击事件泡泡，然后我要过滤我可能不感兴趣的任何事件。

所有这些都对jQuery有点简单，因为它可以为您处理所有过滤：例如$(document.body).on('button', function(e) { /* ... */ })。

我能够使用数据集从data-id属性中提取。

document.body.addEventListener('click', function(e) {
  if(e.target.tagName==='BUTTON') console.log("delete", e.target.dataset.id);
});

<button data-id="1">one</button>
<button data-id="2">two</button>
<button data-id="3">three</button>
<button data-id="4">four</button>