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添加当前对象将其附加到其他容器？在我的例子中，这只得到了我的跨度内容。我希望得到所有的atrributes等。

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   

})

请参阅demo

Answer 2

尝试

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

演示：Fiddle

Answer 3

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

Answer 4

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

demo

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

使用jquery从span获取所有html

4 个答案: