jquery - jquery如何插入li

Question

在wordpress菜单中创建

<a href="#">menu 1</a>
<a href="#">menu 2</a>
<a href="#">menu 3</a>
<a href="#">menu 4</a>
<a href="#">menu 5</a>

但我想补充一下，这些都在 li 里面。像这样

<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>

我知道它可以通过 jquery 实现。我尝试过，但我做不到。我对 jquery 不太专业，所以你能帮我一下吗？

Answer 1

我建议如下:

var list = $('<ul />').insertBefore($('a').first());

$('a').each(
    function(){
        $(this).wrap('<li />').closest('li').appendTo(list);
    });​

JS Fiddle demo .

根据我对OP(在这个答案下方)的评论的阅读，上述不起作用的问题可能是由于缺少将代码包装在 $(document).ready() 中 处理程序，如果是这种情况，那么我建议进行以下调整:

$(document).ready(
    function(){
    var list = $('<ul />').insertBefore($('a').first());

    $('a').each(
        function(){
            $(this).wrap('<li />').closest('li').appendTo(list);
        });​
    });