Javascript 如何将UL元素插入列表

这是迄今为止我的jQuery脚本：

$（文档）.ready（函数（）{
变量表=$（“#试剂”）.DataTable（）；
变量字母表=$（''）；
$（“
”）
.附录（字母表）；
}
alphabet.insertBefore（table.table（）.container（））；
字母表.on（'click'，'li'，function（）{
alphabet.find（'.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
_字母搜索=$（此）.data（'字母'）；
table.draw（）；
});
});

因此，我有一个如下列表：

<nav aria-label="Page navigation" id="alphanav">
  <li class="clear active">None</li>    
  <a href="#">None</a>
  <li>
    <a href="#/">A</a>
  </li>
</nav>

无

如何在

之后添加

，在

之前添加

---

我试图使用

append

，但它只是在第一次导航之后添加了

，要解决这个问题，您可以使用与之前相同的方法在jQuery中创建元素。只需在jQuery对象中创建

ul

，将其附加到

，然后将您的

li

附加到您创建的

ul

。类似下面的例子。注意，我删除了datatable代码，因为它与问题无关

$（文档）.ready（函数（）{
变量$table=$（“#试剂”）；
变量$alphabet=$（''）；
设$ul=$（“
”）.appendTo（$alphabet）；
设$li=$（'
）.data（'letter'，''）.appendTo（$ul）；
$li.text（'None'）；
对于（变量i=0；i<26；i++）{
变量字母=String.fromCharCode（65+i）；
$（“
”）
.数据（“字母”，字母）
.html（“”）
.appendTo（$ul）；
}
$alphabet.insertBefore（$table）；
});
也许你可以这样做

let listItem = document.getElementById('alphanav').innerHTML;
let result = `<ul>${listItem}</ul>`;
listItem.innerHTML = result

let listItem=document.getElementById（'alphanav'）.innerHTML；
让结果=`
${listItem}
`；
listItem.innerHTML=结果
您应该像创建其他元素一样创建
，并将
元素附加到
中。仅供参考，
ul
元素只能将
li
元素作为其直接子元素。其他任何东西都是无效的。