如何使用 jQuery 在无序列表元素中添加列表元素？

有时候我们需要在无序列表（<ul>标签）中添加新的列表项（<li>标签），这个时候我们可以使用 jQuery 来帮忙实现。

步骤

1. 首先，我们需要选中要添加列表项的无序列表元素。可以使用 jQuery 的选择器来完成，例如选中 id 为 ul-id 的无序列表：

   var $ul = $('#ul-id');
   

2. 接着，我们需要创建要添加的新列表项，并将其插入到无序列表中。有两种方法可以插入新的列表项：

• 使用 append() 方法将新的列表项插入到无序列表的末尾：

  $ul.append('<li>New item</li>');
  

• 使用 prepend() 方法将新的列表项插入到无序列表的开头：

  $ul.prepend('<li>New item</li>');
  

  在这里我们使用了字符串，也可以使用变量或者函数返回值等。

例如

以下是一个示例代码，演示如何使用 jQuery 在无序列表元素中添加列表元素：

// 选中无序列表元素
var $ul = $('#my-list');

// 在列表末尾添加新的列表项
$ul.append('<li>New item at the end</li>');

// 在列表开头添加新的列表项
$ul.prepend('<li>New item at the beginning</li>');

以上代码将在 id 为 my-list 的无序列表元素中添加两个新的列表项。

总结

使用 jQuery 可以方便快捷地添加新的列表项到无序列表中，只需要选中要添加的无序列表元素，然后使用 append() 或者 prepend() 方法即可完成。