"编辑按钮 jQuery"

Question

我正在努力使用 jQuery 为我的待办事项列表创建一个编辑按钮。 它也是一个 jQuery Mobile 应用程序。 不确定这是否正确？ 任何帮助都会很棒。 先感谢您！！

<body>

    <header data-role="header"><h1>To Do List</h1>
    <a href="#">Home</a>
    </header>
        
        <div role="main" class="todo-container">
            <div class="input">
            <input type="text" class="note" placeholder="Input new note..">
            <button id="addButton">Add</button>
        </div>
    
<ul class="todo-list">
    <li>
        <div class ="button-center">
    </div>
    </li>
</ul>


<script>

$(document).ready(function(){  
  $('#addButton').click(function() {
    var task = $(".note").val(); 
    $(".todo-list").append(`<li><span>Task: ${task}</span><div class="button-center"><button class="deleteButton">Delete</button><button class="editButtton">Edit</button></div></li>`);
    $(".note").val("");
  });

  $(document).on('click', '.deleteButton', function () {
      $(this).parent().parent().remove();
  });
});

$('#editButton').click(function(){
    


});



</script>


</body>