jquery，array，html，append

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(''));
});