时间戳

首页 > 解决方案 > 在javascript中将类或id添加到对象中的项目

javascript - 在javascript中将类或id添加到对象中的项目

问题描述

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

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

下图显示了输出...

添加运动员

我添加了 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'> 输出，然后创建一个事件监听器——但这不起作用。有没有人知道在循环或对象中实现这一点的方法的方法？

希望我能正确解释自己。

标签： javascriptaddeventlistener

解决方案

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

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>

推荐阅读