如何使用Jquery附加到现有列表

我正在修改一个现有的应用程序，其中html上已经有一个列表。我将添加一个fancybox，用户可以从fancybox内的复选框中进行选择，当关闭fancybox时，选择将附加到加载的表单中。这是列表的html，我想将所选项目添加到列表中

    <ul id="collabList" data-area="display-list">
     <li>
        First item in the list
        <button class="btn btn-link btn-sm" type="button" data-action="remove">
           <i class="glyphicon glyphicon-remove-sign"></i>
        </button>
     </li>
     <li>
        Second item in the list
       <button class="btn btn-link btn-sm" type="button" data-action="remove">
           <i class="glyphicon glyphicon-remove-sign"></i>
      </button>
      </li>
    </ul>

界面看起来像：

---

选择框后调用此选项：

$('#collablist').append('<li>New List</li>');

尝试使用append：

var str='列表中的第三项'； str+=； str+=； str+=''； $ulcollabList.appendstr； 第一项 第二项

---

请添加js以及Hiya-您可能知道，在寻求帮助之前，我们希望您自己尝试一下代码-向我们展示您迄今为止所做的工作。将其添加到您的问题中，我们将更好地了解您正在尝试做什么，并可以更新它以帮助您实现目标。您需要知道如何获取所选项目的值，或者仅仅是如何使用jQuery append方法附加到collabList ul？@JonathanBowman只是如何使用jQuery append方法附加到collabList ul。我已经能够从复选框中检索到值。哦，然后看看下面正义的答案。我不确定他提供的选择器是否正确，但附加DOM只需要这个方法。请注意，它会将其添加到列表的末尾，而您可以使用prepend将其添加到列表的顶部。他不需要使用$collabList吗？谢谢，这可以在附加从复选框中选择的值时起作用。但是，当我提交表单时，列表中的附加值不会保存。当我弄明白后，我将在这里调试并发布：