"如何使用 jQuery 将 console.log 显示为 html？"

Question

我无法通过 html 显示我的输入，但它通过console.log()显示。 它没有出现在我的列表下方。 我的删除按钮也无法正常工作。 不知道发生了什么。

 $(document).ready(function(){ $('#addButton').click(function(){ var task = $(".note").val(); console.log(task); $(".todo-list").append('<li><div class ="button-center"><button id="delButton">Delete</button><button id="editButtton">Edit</button></div></li>'); }); }); $('#delButton').click(function(){ var deleteNote = $('ul').children().length; $('ul').children()[deleteNote - 1].remove(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <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> </div> <ul class="todo-list"> <li> <div class ="button-center"> <button id="delButton">Delete</button> <button id="editButtton">Edit</button> </div> </li> </ul> </body>

Answer 1

在下面的解决方案中，任务内容是动态插入到 HTML 代码中的； 最简单的方法是使用`${variable}`。 改进了单击删除<button><\/code>时删除相关<li><\/code>元素的单击事件。

"如何使用 jQuery 将 console.log 显示为 html？"

问题描述

1 个解决方案

解决方案1
0 已采纳 2022-02-06 06:03:28

"如何使用 jQuery 将 console.log 显示为 html？"

问题描述

1 个解决方案

解决方案1 0 已采纳 2022-02-06 06:03:28

解决方案1
0 已采纳 2022-02-06 06:03:28