jquery，数组，html，追加

Question

我想把 "div" 和这个 html 放在 "li" 中。

这是我的 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>

但问题是，我想在新的“li”中添加每个“div”内容

类似这样的：

输出：

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

现在不好..我需要添加数组或类似的东西

谢谢！！

抱歉我的描述混乱！

Answer 1

应该这样做：

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

Answer 2

试试这个：

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