jquery, array , html , append

Question

I want to take "div" s and and this html in "li" .

This is my HTML code:

<ul class="NewContent">

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

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

and jquery (not sure if it is ok started):

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

But the problem is, that I want to add each "div" content in new "li"

something like this:

output:

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

now is not good .. I need to add on array or something like this

Thanks !!

Sorry for My confusing description !

Tatu Ulmanen · Accepted Answer · 2010-02-11 19:54:49Z

4

This should do it:

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

answered Feb 11, 2010 at 19:54

Tatu Ulmanen

125k34 gold badges190 silver badges185 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pointy · Accepted Answer · 2010-02-11 19:57:22Z

0

Try this:

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

answered Feb 11, 2010 at 19:57

Pointy

415k62 gold badges600 silver badges631 bronze badges

Collectives™ on Stack Overflow

jquery, array , html , append

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related