如何将列表项附加到此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（）做到这一点？

Answer 1

下面的代码创建一个item元素（ li ），并将其附加到带有选择器“ everything”的元素上。

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

使用此方法的优点是您可以将item元素附加到无序HTML列表（ ul ）或有序HTML列表（ {{1} } ）。

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

  

说明：将匹配元素集中的每个元素插入目标的末尾。

注意：

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

Answer 2

.append()函数的基本形式将为您提供帮助（就像Google的快速搜索一样）。

$( "ol" ).append( "<li>Here is thing four.</li>" );