Использование jquery для получения HTML внутри элемента

Question

Я пытался получить всю разметку между тегами li и переместить ее в другой раздел на странице. Я пытался использовать HTML, innerhtml и детей. Но он просто возвращает [объект объекта] ...

HTML (сильно изменен для простоты):

<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>

Это самая последняя итерация кода jQuery ...

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

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

Answer 1

Вы можете попробовать это также .. но не забудьте включить библиотеку jquery.

<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>

Answer 2

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

Проверьте рабочий пример на http://jsfiddle.net/wxLgH/