将数据从ul读入不同的ul

Question

我正在试着读出我的导航条，然后使用jQuery将它放到另一个jQuery中。

不知道该怎么做。我试着使用.each & .children。

阅读我的导航(这个列表)：

<ul class="navbar-nav">
    <li><a class="nav-item nav-link" href="materiaal.html">Materiaal</a></li>
    <li><a class="nav-item nav-link" href="muziek.html">Muziek</a></li>
    <li><a class="nav-item nav-link" href="mixing1.html">Mixing Pt. 1</a></li>
    <li><a class="nav-item nav-link" href="mixing2.html">Mixing Pt. 2</a></li>
    <li><a class="nav-item nav-link" href="performing.html">Performing</a></li>
</ul>

把它们列在这份清单上：

<ul class="navigatie"></ul>

Answer 1

不需要单独处理这些因素。您可以对整个批处理进行clone()，并将结果append()到其他ul

​

$('.navbar-nav > li').clone().appendTo('.navigatie')

ul {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="navbar-nav">
  <li><a class="nav-item nav-link" href="materiaal.html">Materiaal</a></li>
  <li><a class="nav-item nav-link" href="muziek.html">Muziek</a></li>
  <li><a class="nav-item nav-link" href="mixing1.html">Mixing Pt. 1</a></li>
  <li><a class="nav-item nav-link" href="mixing2.html">Mixing Pt. 2</a></li>
  <li><a class="nav-item nav-link" href="performing.html">Performing</a></li>
</ul>

<ul class="navigatie"></ul>

​

Answer 2

您可以使用html()获取ul的内容。

试试这个：

​

 $(".navigatie").html($(".navbar-nav").html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="navbar-nav">
            <li><a class="nav-item nav-link" href="materiaal.html">Materiaal</a></li>
            <li><a class="nav-item nav-link" href="muziek.html">Muziek</a></li>
            <li><a class="nav-item nav-link" href="mixing1.html">Mixing Pt. 1</a></li>
            <li><a class="nav-item nav-link" href="mixing2.html">Mixing Pt. 2</a></li>
            <li><a class="nav-item nav-link" href="performing.html">Performing</a></li>
        </ul>
        <br><br>
        <ul class="navigatie"></ul>

​