jquery, tableau, html, append

Question

Je veux prendre "div" s et et ce html dans "li".

Ceci est mon code HTML:

<ul class="NewContent"> 

    </ul> 
     <div class="test"> 
      <span>Text1</span> 
     </div> 

     <div class="test"> 
      <span>Text2</span> 
     </div> 

et jquery (pas sûr si elle est ok a commencé):

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('ul.NewContent').append("<li>"+ $('.test').html()+"</li>"); 
     }); 
    </script> 

Mais le problème est que je veux ajouter chaque "div" contenu dans la nouvelle "li"

quelque chose comme ceci:

sortie:

<ul class="NewContent"> 
      <li><span>Text1</span></li> 
      <li><span>Text2</span></li> 
     </ul> 

est maintenant pas bon .. Je dois ajouter sur tableau ou quelque chose comme ça

Merci !!

Désolé pour Ma description troublante!

Answer 1

Cela devrait le faire:

$(function() { 
    $('.test').each(function() { 
     $('ul.NewContent').append('<li>'+$(this).html()+'</li>'); 
     $(this).remove(); 
    }); 
}); 

Answer 2

Essayez ceci:

$(function() { 
    $('ul.NewContent').html($.map($('div.test'), function(i, div) { 
    return '<li>' + $(div).html() + '</li>'; 
    }).get().join('')); 
});