javascript - 使用jquery通过控制台添加创建列表

Question

我只是想加强我对 jquery 的了解...... javascript 的新手。我的问题是我正在尝试将项目添加到列表中。

$('#items').append('<li>My first item</li>') // the first line worked okay

我使用控制台编写了上述行。我正在尝试使用文本编辑器在 script.js 中编写以下行

function addToList(item) {
'<li>' + item + '</li>'
}

我在浏览器中重新加载了 index.html，并尝试运行我从浏览器控制台编写的函数，代码如下。

addToList('build a website');

下面是我的html代码的摘录

<div id="container">
  <h1>Wish List</h1>
  <ol id="items">
    <!-- Items will be added here -->
  </ol>
  <span class="total"></span>
  <br/>
  <input type="text" id="item"/>
  <button id="add-to-list">Add to list</button>
</div>

在此先感谢各位，如果我遗漏了任何内容以使代码正常工作，请告诉我。

标签： javascriptjquery

Answer 1

利用

function addToList(item) {
    $('#items').append('<li>' + item + '</li>');
}