如何將這些li元素組包裝在ul容器中？

Question

目標：

首先包裹在一組ul容器的第一空div之前的元素，然後做是空li S之間的元件是相同的。

空元素可以被包含在容器中或被刪除。

問：

如何包裝這些元素集合在一組ul容器，如果我不能針對類？

問題：

1）I可以使用的唯一的變量是空li因爲會有不同的量在每個容器中的元素。

2）html不會以空的li結尾。

HTML：

<div class="body"> 
<fieldset> 
<ol> 

<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 

渦卷元件上方

<li>&nbsp;</li> 

下面渦卷元件，直到下一個空li

<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 
<li>&nbsp;</li> 

渦卷以下元素，直到下一個空li

<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 
<li> 
    <h6>Customer Details</h6> 
</li> 

</ol> 
</fieldset> 
</div> 

Answer 1

這是完全沒有經過測試的，因爲我在我的手機上，但如果有語法錯誤，我很樂意更新。它依賴於你能夠選擇/識別你提供的HTML的父代（假設你沒有添加上面評論中提到的最後一個空分隔符）。

// Get the known parent to this mess of li elements 
var knownParent = $(...); 
// Give the empty li elements an identifying class 
knownParent.find("li").filter(function(){ return $(this).html().match(/ /) !== null; }).addClass("_liDivider"); 
// Wrap everything between the dividers with a ul element 
$.each(
    $("._liDivider:not(:last-child)"), function() { 
     $(this) 
     .nextUntil("._liDivider") 
     .wrap("<ul></ul>"); 
    } 
); 
// Now deal with the orphaned li elements before the first divider 
knownParent.find("li:first-of-type").nextUntil("._liDivider").wrap("<ul></ul>");