Jquery HTML按钮元素没有输出任何内容

作为jQuery的新手，我正在尝试开发一个待办事项列表。但是按钮元素没有响应

所有我想要实现的，当任何按钮被点击，相应的部分需要消失

$document.readyfunction{ $input.on'keypress'，e=>{ 如果e.keyCode===13{ 让val=$'.input'.val； 如果$'section'.length==0{ $'.list'。追加； $'section'。appendval.append'Done'。append'Delete'； }否则{ $'1'。父项直到'body'。追加； $section:empty.appendval.append'Done'。append'Delete'； } } }; }; $document.readyfunction{ $'：按钮。删除'。单击，函数{ console.log'hi'； //$this.parentsun直到'div'。删除； }; };

Html:

JS:

---

可能与您的实际代码重复的是$'1按钮。删除'@CertainPerformance Editor'

<div class="container">
  <form id="form-todo">
    <input class="input" type="text" placeholder="To Do">
    <button type="submit">Submit</button>
  </form>
  <ul id="list-todo"></ul>
</div>

ul#list-todo li.strike span {
  text-decoration: line-through;
}

function addTodo(event) {
  event.preventDefault();

  let input = $('#form-todo > input');
  let value = input.val();

  let html = `
    <li>
      <input type="checkbox" name="${value}" value="${value}" class="done">
      <span>${value}</span>
      <button class="btn-delete">Delete</button>
    </li>`;

  listTodo.append(html);

  input.val("");
}

function strikeTodo(event) {
  event.preventDefault();

  $(this).parent().toggleClass('strike');
}

function deleteTodo(event) {
  event.preventDefault();

  $(this).parent().remove();
}

// Add item.
formTodo.submit(addTodo);

// Delte item.
listTodo.on('click', '.btn-delete', deleteTodo);

// Strike item.
listTodo.on('click', '.done', strikeTodo);