Question

我这里有这个代码：

$(".entry-content h2").each(function( index ) {
                        $(this).wrap('<li></li>');
                    });

这包围了每个h2标签周围的开启和关闭li标签......如何在开头添加开头的ul标签，在结尾处添加结束的ul标签？

Answer 1

这是一种方法，使用closest()查找父容器，然后使用wrapInner()将容器的内容包装在<ul>中：

$(".entry-content h2").each(function (index) {
    $(this).wrap('<li />');
}).closest('.entry-content').wrapInner('<ul />');

http://jsfiddle.net/nF6ea/

编辑：

另一种方法，使用parent()和wrapAll()：

$(".entry-content h2").each(function (index) {
    $(this).wrap('<li></li>');
}).parent().wrapAll('<ul></ul>');

http://jsfiddle.net/nF6ea/2/

Answer 2

您只需将li附加到ul。

var ul_element = $("<ul></ul>"); //since I don't know your markup
$(".entry-content h2").each(function( index ) {
    ul_element.append($(this).wrap('<li></li>'));
}).appendTo("whatever");

Answer 3

尝试在包装li标签之前运行此脚本：

$(".entry-content h2").each(function(index){
    if (index == 0)
    {
    $(this).prepend('<ul>');
    }
    else if(index == $("e.entry-content h2").length - 1)
    {
    $(this).append('</ul>');
    }
})

JQuery在脚本周围写入打开和关闭ul标签

3 个答案:

编辑：