如题，

有这样一个创建DOM的函数：

export function generateDOM(list: string){
  let DOM = '<ul class="bigList">';
  list.forEach((item, index)=>{
    DOM += `<li class="item">
        ${item} 
        ${manageModeOn ? `<span class="delete-icon" data-index="${index}" ></span>` : '' }
            </li>`;
  });
  DOM += '</ul>';
  return DOM;
}

现在的问题是我想给所有delete-icon都添加一个click事件，点击后删除这条内容，删除的条目ID通过getAttribute('data-index')获得——虽然是这样想的，但是如何确定点的是这个目标呢？

我一开始只能先获取所有的ul下的内容吧？所以我这么写了一下

const mylist = document.querySelector('.bigList');
mylist.addEventListener('click', e=>{
   //然后这里我就不知道该怎么写了……
});

之后我怎么写呢？请予以指导，谢谢!