從jquery獲得全部html的範圍

<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等從jquery獲得全部html的範圍

jsfiddle

來源

2013-08-23 ryanfoorti

看到http://jsfiddle.net/riturajratan/bvth3/3/ –

$('.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

來源

2013-08-23 11:10:55

代碼 - 只有答案是不歡迎的SO。請擴展你的答案，包括一些解釋。 –

我用代碼@WordPressDeveloper中的評論進行了解釋 –

所有跨度嘗試

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

演示：Fiddle

來源

2013-08-23 11:09:48

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

來源

2013-08-23 11:11:09 JonathanRomer

我使用get（0）來檢索自然DOM元素

demo

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

來源

2013-08-24 21:00:38 ovgu12

從jquery獲得全部html的範圍

回答

相關問題