jQuery .after()尝试"correct"我插入的html.我怎么才能阻止这一切

jQuery .after() tries to "correct" the html I'm inserting. How do I stop this?

本文关键字：quot 插入 after 尝试 correct jQuery html      更新时间：2023-09-26

我正在尝试将一个长而无序的列表分解成像这样的小块:

$('.cList').each(function() {
    var thisList = $(this).find('li')
    var thisLen = thisList.length
    for(var x=0;x<thisLen;x++) {
        if((x % 5)==0&&x>0) {
            $(thisList).eq(x).after("</ul><ul>")    
        }    
    }
})

我最后得到的是:

<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ul></ul> <---- I want the list to end and start, not make a nested list

而不是:

<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul><ul>  <--- like this

这就好像插入</ul><ul>是无效的HTML和jQuery以某种方式决定<ul></ul>是有效的。

见:http://jsfiddle.net/MGHt5/

不用特别担心打开和关闭标记，我将使用.wrapAll()将<ul>标记包装在包含5个<li>的jQuery对象周围。您可以使用.slice()从thisList中抓取<li>的块。

相关文章：