Question

我在div中有我的搜索框代码。我需要将其移动到包含列表项的切换导航。我可以用这个成功地移动我的div：

 $('.nav ul').prepend($('#search').html());

但现在我需要将此div显示为列表项。我该怎么做？

这就是导航的样子：

<nav class="nav">

    <ul class="nav-list">
        <li class="nav-item"><a href="#">Home</a></li>
        <li class="nav-item"><a href="#">About</a></li>
        <li class="nav-item"><a href="#">Services</a></li>
        <li class="nav-item"><a href="#">Portfolio</a></li>
        <li class="nav-item"><a href="#">Testimonials</a></li>
        <li class="nav-item"><a href="#">Contact</a></li>
    </ul>

</nav>

这是可行的吗？

感谢您的帮助。

Answer 1

移动后，您可以在列表项中wrap #search div：

$('#search').prependTo('.nav ul').wrap('<li />');

（JSFiddle example here）

Answer 2

$('.nav ul').prepend($('<li>'+$('#search').html()+'</li>'));

将div移动到现有列表

2 个答案: