2010-02-11 149 views
0

我想把“div”和这个html放在“li”中。jquery,array,html,追加

这是我的HTML代码:

<ul class="NewContent"> 

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

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

和jQuery(不知道这是否正常启动):

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

但问题是,我想添加的每个 “格”

输出:

012在新的 “礼”

这样的内容

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

现在还不好。我需要在阵列或添加一些像这样的

谢谢!

对不起,我的混淆描述!

回答

4

这应做到:

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

试试这个:

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