使用jQuery从跨度获取所有html

Question

<span class="get" attr-one="1" attr-two="2">text1</span>
<span class="get" attr-one="21" attr-two="2">text2</span>
<span class="get" attr-one="31" attr-four="2">text3</span>
<span class="get" attr-one="4" attr-three="2">tex4t</span>
<span class="get" attr-one="15" attr-five="2">text5</span>

<div id="container" style="width: 200px; height: 200px; background-color: red"></div>

$('.get').click(function(){
   $('#container').append($(this).html());
})

如何使用HTML获取当前对象，并将其添加到其他容器？ 在我的示例中，这仅获得我范围内的内容。 我想得到所有与abrributes等跨度

的jsfiddle

Answer 1

$('.get').click(function(){
   $('#container').append($(this).clone());// to append html like with span now it will copy 

})

要么

$('.get').click(function(){
   $('#container').append($(this));// to append  span now it will move   

})

观看演示

Answer 2

尝试

$('.get').click(function(){
   $('#container').append(this.outerHTML);
})

演示： 小提琴

Answer 3

$('.get').click(function(){
   $('#container').append($(this));
})

Answer 4

我正在使用get（0）检索自然dom元素

演示

$('.get').click(function(){
   $('#container').append($(this).get(0));
})