Jquery主题:添加文本后编辑待办事项列表中的文本

<ul id="todo-list">
  <!-- 待办事项列表项将在这里动态添加 -->
</ul>

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

$(document).ready(function() {
  // 添加待办事项
  $('#add-btn').click(function() {
    var text = $('#todo-input').val(); // 获取输入框的文本
    if (text !== '') {
      var listItem = $('<li>').text(text); // 创建一个新的列表项
      $('#todo-list').append(listItem); // 将列表项添加到待办事项列表中
      $('#todo-input').val(''); // 清空输入框
    }
  });

  // 编辑待办事项
  $('#todo-list').on('click', 'li', function() {
    var text = $(this).text(); // 获取当前列表项的文本
    var newText = prompt('请输入新的文本', text); // 弹出输入框让用户编辑文本
    if (newText !== null && newText !== '') {
      $(this).text(newText); // 更新列表项的文本
    }
  });
});