我有一个待办事项清单，它有一个复选标记按钮。我想通过单击将类切换到复选标记按钮的父级。但是只能通过双击才能使用。

代码在这里

<div class="todo-task-list">
  <div class="todo-task">
    Lorem ipsum dolor sit.
    <i class="fe fe-check todo-icon todoCheck"></i>
    <i class="fe fe-trash todo-icon todoRemove"></i>
  </div>
</div>

document.addEventListener('click',function (e) {

    var checkTask = $(".todoCheck");

    checkTask.on('click',function() {
      var par = $(this).parent(); 

      if (par.hasClass('checked')) {
        par.removeclass("checked")
      } else {
        par.addClass("checked")
      }
    })

},false);