将 ul 添加到现有 UL 中的 Li 元素

add ul to a li element in an existing ul

本文关键字：UL 中的 Li 元素 ul 添加      更新时间：2023-09-26

我需要将子ul添加到ul内的现有列表中。

我有一个这样的现有 UL

 <li id="0" class="dropdown"> <a href="#">Articles</a> </li>
<li id="1" class="dropdown"> <a href="#">Global</a> </li>
<li id="2" class="dropdown open"> <a href="#" class="dropdown-toggle" data-   toggle="dropdown">Commodities <b class="caret"></b></a></li>
<li id="3" class="dropdown"> <a href="#">Mergers</a> </li>
<li id="4" class="dropdown"> <a href="#">Dividend</a> </li>
<li id="5" class="dropdown"> <a href="#">Tech</a> </li></ul>

这个列表是动态创建的，我需要在第三个李附加一个ul，即， 

<li id="2" class="dropdown open"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Commodities <b class="caret"></b></a>
<ul>
  something.....

这怎么可能？？

首先不要

定义以数字开头的 id。

然后，您可以像这样使用追加：

$('li#third').append('ul');

或者，像这样：

$('<ul />').appendTo('li#third');

浏览 API 以获取更多信息。

这完全是JavaScript解决方案：

function add_ul()
{
    var li = document.getElementById("li");
    var ul = document.createElement("ul");
    ul.appendChild(document.createTextNode("Another UL Element"));
    li.appendChild(ul);
}
您可以使用

.append()或appendTo() 

 $('.open').append("<ul id='subul'>sub</ul>");

如果 DOM 中已经存在子 ul 元素，则

： 
 $('#subul').appendTo('.open');
相关文章：