php - 使用 jquery 从 span 中获取所有 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 获取当前对象将他添加到其他容器？在我的示例中，这仅从我的跨度中获取内容。我想用属性等获得所有跨度。

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));
})