jQuery .wrapAll（）問題

Question

我正在使用我的CMS來輸出列表項目，然後我使用.wrapAll（）將ul列表中的項目包裝到它們的類中。這基本上是對它們進行分組，因爲我不能在服務器端使用我的CMS進行分組。

但是它將具有相同類的列表項放入一個無序列表中。我怎樣才能解決這個問題？

jQuery的

$('.week_7').wrapAll('<ul class="devotionals"/>'); 
$('.week_6').wrapAll('<ul class="devotionals"/>'); 
$('.week_5').wrapAll('<ul class="devotionals"/>'); 
$('.week_4').wrapAll('<ul class="devotionals"/>'); 
$('.week_3').wrapAll('<ul class="devotionals"/>'); 
$('.week_2').wrapAll('<ul class="devotionals"/>'); 
$('.week_1').wrapAll('<ul class="devotionals"/>'); 

HTML：之前的jQuery

<li class="week_1">Day 1</li> 
<li class="week_1">Day 2</li> 
<li class="week_1">Day 3</li> 
<li class="week_1">Day 4</li> 
<li class="week_1">Day 5</li> 
<li class="week_2">Day 1</li> 
<li class="week_2">Day 2</li> 
<li class="week_2">Day 3</li> 
<li class="week_2">Day 4</li> 
<li class="week_2">Day 5</li> 

這種情況會貫穿7

HTML繼續用3星期日期清單中的項目：jQuery的

<ul> 
    <li class="week_1">Day 1</li> 
    <li class="week_1">Day 2</li> 
    <li class="week_1">Day 3</li> 
    <li class="week_1">Day 4</li> 
    <li class="week_1">Day 5</li> 
    <li class="week_1">Day 1</li> 
    <li class="week_1">Day 2</li> 
    <li class="week_1">Day 3</li> 
    <li class="week_1">Day 4</li> 
    <li class="week_1">Day 5</li> 
    <li class="week_2">Day 1</li> 
    <li class="week_2">Day 2</li> 
    <li class="week_2">Day 3</li> 
    <li class="week_2">Day 4</li> 
    <li class="week_2">Day 5</li> 
    <li class="week_2">Day 1</li> 
    <li class="week_2">Day 2</li> 
    <li class="week_2">Day 3</li> 
    <li class="week_2">Day 4</li> 
    <li class="week_2">Day 5</li> 
</ul> 

後HTML：應該如何呈現

<ul> 
    <li class="week_1">Day 1</li> 
    <li class="week_1">Day 2</li> 
    <li class="week_1">Day 3</li> 
    <li class="week_1">Day 4</li> 
    <li class="week_1">Day 5</li> 
    <li class="week_2">Day 1</li> 
    <li class="week_2">Day 2</li> 
    <li class="week_2">Day 3</li> 
    <li class="week_2">Day 4</li> 
    <li class="week_2">Day 5</li> 
</ul> 
<ul> 
    <li class="week_1">Day 1</li> 
    <li class="week_1">Day 2</li> 
    <li class="week_1">Day 3</li> 
    <li class="week_1">Day 4</li> 
    <li class="week_1">Day 5</li> 
    <li class="week_2">Day 1</li> 
    <li class="week_2">Day 2</li> 
    <li class="week_2">Day 3</li> 
    <li class="week_2">Day 4</li> 
    <li class="week_2">Day 5</li> 
</ul> 

Answer 1

在每行的末尾添加一個end()聲明。 例如

$('.week_1').wrapAll('<ul class="devotionals"/>').end();