jquery - 如何将列表项附加到此 ol？

Question

<div id="everything">
  <ol>
    <li>Here is thing one.</li>
    <li>Here is thing two.</li>
    <li>Here is thing three.</li>
  </ol>

我想在 ol 列表中添加一个额外的 li，如何使用 append() 来实现？

编辑：我发现我的问题是我没有用标签包装我的 append() 。

我想附加一个新的列表项，上面写着“这是第四件事”。我将如何使用 append() 来做到这一点？

标签： jqueryhtml

Answer 1

下面的代码创建一个 item 元素 ( li) 并将其附加到具有选择器“everything”的元素。

$('<li>Your text</li>').appendTo('#everything');

使用此方法的优点是您可以将 item 元素附加到无序列的 HTML 列表 ( ul) 或有序的 HTML 列表 ( ol)。

这是该appendTo方法的文档链接。

描述：将匹配元素集中的每个元素插入到目标的末尾。

笔记：

请注意，我使用了您提供的选择器，#everything而不是使用字符串ol。原因是如果我这样做，它会将项目附加到您页面中的任何有序列表中。