jqueryは閉じたタグを追加します

Question

jqueryに問題があります。多くのテストの後、私のための簡単な解決策はありません。

私のCMSは、私にこのコード

<ul> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
</ul> 

私は私が試したこのコード

<ul> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
</ul><ul> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
</ul><ul> 
    <li>text</li> 
    <li>text</li> 
    <li class="last">text</li> 
</ul> 

を得るために、各クラス=最後のこのコード

</ul><ul> 

後に追加したい

を返しますこのコードのjquery

$('.last').after('</ul><ul>') 

このテキストを追加することはできません。私はあなたが私に私の問題の解決策を与えることができ

<ul></ul> 

なく

</ul><ul> 

を得ます。おかげで事前に;）

Answer 1

DOMノードを分割することはできません、新しい<ul></ul>を追加し、それに関連するサブノードを移動する必要があります。

補足として、リストを全く分割せず、代わりに.lastを区切り記号（空白、これは私があなたが達成しようとしていると仮定しているもの）のように飾ると考えましたか？

Answer 2

私は今、それをコーディングする時間がありませんが、私はあなたが「切り離し」を使用できると思います：

http://api.jquery.com/detach/

はLI要素を外し、その後、新しいリストに追加し、に進んでそのようにあなたのリストを構築してください。

Answer 3

（私はこのULは、ブルートフォースの種類

var container = $("div"); 
var ul = $("<ul/>"); 
var lis = $("ul > li", container); 
container.empty(); 
lis.each(function(){ 

    ul.append(this); 
    if($(this).hasClass("last")){ 
    container.append(ul); 
    ul = $("<ul/>"); 
    } 
}); 
container.append(ul); 

Answer 4

のdivを言って、いくつかの容器の中にあるが、このしようと仮定しています、これを試してください：あなたが完了したら

var newUL = [$('<ul></ul>')];  

$('ul.className li').each(function(i, el) { 
    newUL[newUL.length - 1].append($(el)); 
    if($(el).hasClass('last')) { 
     newUL.push($('<ul></ul>')); 
    } 
}); 

を、あなたが得ることができます

$('#ulParent').empty.append(newUL.join(''));