将 class 或 id 添加到 javascript 中对象中的项目

Question

实际上不确定如何正确解释这一点，但这里是...

在我的脚本中，我输出了一组对象中的运动员列表。

下图显示了输出...

我添加了bin图标，目的是让用户删除记录。在我的对象中，我有一个关键垃圾 - 我设置了

const del = data.trash = ''

在我的循环中打印我使用的结果：

ID: ${i+1} - ${res[i].firstName}, ${res[i].lastName}, Age: ${res[i].age}, Club: ${res[i].club}, EaNumber: ${res[i].eanum}, ${del}

问题是我想让图标发挥作用 - 我尝试在输出中添加 <span id='my-id'> 然后创建一个事件侦听器 - 但那没有用。有谁知道在循环或对象中实现此目的的一种方法吗？

希望我解释得当。

Answer 1

当我做这样的事情时，我会做：

let ath = ['Foo Bar', 'Baz Qux']
let nid = 0;

for (let a of ath) {
  document.getElementById('alc').innerHTML += `<li id="alc-${nid++}"><span class="n">Loading...</span> <button onclick="del(${nid - 1})">Del</span></li>`;
  document.querySelector(`#alc #alc-${nid - 1} .n`).innerText = a;
}

function del(id) {
  ath.splice(id, 1);
  document.getElementById(`alc-${id}`).remove();
}

<p>This contains athletes:</p>
<ul id="alc"></ul>

将 class 或 id 添加到 javascript 中对象中的项目

Add a class or id to an item in object in javascript

javascript

addeventlistener