Racchiudere una serie di elementi in un div

[blips]

Ciao a tutti, sto cercando di racchiudere una lista di elementi, creata dinamicamente, in un div utilizzando il metodo wrapAll.

Quello che non riesco a capire è come specificare che il tag di apertura deve partire da una classe e chiudersi prima di quella seguente con lo stesso nome:

<ul>
 <li class="matchlist">...</li>
 <li>...</li>
 <li>...</li>
 <li>...</li>
 <li class="matchlist">...</li>
 <li>...</li>
 <li>...</li>
 <li>...</li>
 etc...
</ul>

Il risultato che vorrei ottenere è il seguente:

<ul>
 <div class="wrap">
  <li class="matchlist">...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
 </div>
 <div class="wrap">
  <li class="matchlist">...</li>
  <li>...</li>
  <li>...</li>
  <li>...</li>
 </div>
 etc...
</ul>

Ho provato varie soluzioni ma non ci salto fuori!

Ringrazio in anticipo chi potrà aiutarmi.

 

[criric]

Ciao, dai un occhiata al metodo nextUntil() di jquery

$('.matchlist').each(function () {
        $(this).nextUntil(".matchlist").andSelf().wrapAll('<div class="wrap">');
    });

 

[blips]

Grazie mille Criric, nuovo metodo imparato!!!