"如何使用 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