jQuery don'；I don’我不想只需单击一下就将类切换到元素的父级

我有一个待办事项列表，它有一个复选标记按钮。我想通过单击某个类的复选标记按钮将其切换到其父类。但它只能通过双击来工作

这是代码

<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>

---

犯错误该文档单击侦听器不应存在。为什么这种错误会经常发生？因为这个html.todo任务来自jQuery，并且在使用事件委派时必须是动态的。我看到了那个问题，但我不知道如何使用它。你能举个例子吗？

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);