Question

我目前在导航栏上有一个这个菜单

<nav id="main-nav" class="mainnav" role="navigation">
    <ul>
        <li>Home</li>
        <li>About</li>
        <li>Price</li>
        <li>Contact</li>
    </ul>
</nav>

现在我想获取所有li（包括其html标签）来创建另一个菜单。我怎样才能用jQuery实现这一目标。

Answer 1

试试这个

$("#main-nav ul").html()

Answer 2

您不需要获取HTML。您可以使用.clone()和.appendTo() jquery方法有效地实现它。

jQuery

$('#main-nav').find('ul').clone().appendTo($(selector)); // selector = Where you want to add cloned ul content

DEMO

Answer 3

您可以使用 html() 获取列表中的html内容，然后使用 append() 将此列表附加到另一个{{1} }：

ul

<强> Fiddle Demo

如何使用jQuery检索<li>元素的数据</li>

3 个答案: