Question

我需要在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>

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

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

这怎么可能？

Answer 1

首先不要定义以数字开头的id。

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

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

或者，像这样：

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

详细了解api。

Answer 2

这完全是JavaScript解决方案：

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

Answer 3

您可以使用.append()或appendTo()

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

如果dom中已经存在sub ul元素，那么：

 $('#subul').appendTo('.open');

将ul添加到现有ul中的li元素

3 个答案: