如何在点击其子元素

Question

我使用javascript动态创建li，我想为动态创建的每个li元素添加一个关闭按钮，以便在单击关闭按钮时删除li元素。这是我的代码到目前为止：

   function addNew(){
    // get value from input field

    var taskName = document.getElementById('task-name').value;


    // innerHTML to be inserted inside li

    var fullText = taskName + '<span class = "close" onclick = 
   "addListener(this)">&times;</span>';


   // calling create function from Element object

   Element.createNew('li','className','tasks',0,fullText);
  }

  // remove function

   function addListener(e){
       e.parentNode.parentNode.removeChild(e.parentNode);
   }

问题是删除功能删除了最后一个li而不是li被点击。

以下是问题的JSFiddle。