Using jquery to get html inside an element

Question

I've been trying to get all the markup between li tags and move it to another div on the page. I have tried using html, innerhtml, and children. But, it just returns [object Object]...

The html (highly modified for simplicity):

<ul>
<li class="add">I want this</li>
<li class="add">I don't want this</li>
</ul>

<div id="second">
<!-- i want to insert here -->
</div>

This is the most current iteration of jQuery code...

$('li.add').click(function() {

                    var thisitem = $(this).html();
                    $("#selections").append(thisItem);
            });

Hussein · Accepted Answer · 2011-04-30 05:22:49Z

1

$('li.add').click(function() {
    var thisitem = $(this).html();
    $("#second").append(thisitem);
});

Check working example at http://jsfiddle.net/wxLgH/

answered Apr 30, 2011 at 5:22

Hussein

42.9k25 gold badges115 silver badges143 bronze badges

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

Comments

kapa · Accepted Answer · 2011-06-25 12:17:39Z

1

you can try this also.. but dont forget to include jquery library.

<script>
 $(document).ready(function(){

var tr3 = $(".add li").eq(1).html();
var tr4 = $(".add li").eq(2).html();

$("#second ").html('<ul>'+ tr3 +'</ul><ul>'+ tr4 +'</ul>');

$(".add li").eq(1).hide();
$(".add li").eq(2).hide();

});
</script>

edited Jun 25, 2011 at 12:17

kapa

78.9k21 gold badges166 silver badges178 bronze badges

answered Jun 25, 2011 at 11:53

Deep

111 bronze badge

Collectives™ on Stack Overflow

Using jquery to get html inside an element

2 Answers 2

Check working example at http://jsfiddle.net/wxLgH/

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Check working example at http://jsfiddle.net/wxLgH/

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related