0

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

这是可行的吗？

谢谢你的帮助。

4

2 回答 2

3

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

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

（这里是 JSFiddle 示例）

于 2013-11-12T23:15:41.500 回答
0 
$('.nav ul').prepend($('<li>'+$('#search').html()+'</li>'));
于 2013-11-12T23:18:09.973 回答