クラスを持つ要素を複製する

Question

要素の内容をクラスで複製してそれをそれ自体に入れる方法は？
ここは例です。私は

$('.cloneThis', this).append('<span>'+$('.cloneThis', this).html()+'</span>'); 

のようなものを試してみましたが、それは、クラスの最初の要素を返し、他のすべてにそれを置く結果は

<div class="cloneThis">one<span>one</span></div> 
<div class="cloneThis">two<span>two</span></div> 

ようにする必要があり

<div class="cloneThis">one</div> 
<div class="cloneThis">two</div> 

：我々はこれを持っています。これを解決する方法はありますか？

Answer 1

$('.cloneThis', this).each(function() { 
$(this).append('<span>' + $(this).html() + '</span>'); 
}); 

Answer 2

.append()このように、機能をとります。

$('.cloneThis').append(function(i, html) { return $('<span>').html(html); }); 
//or: 
$('.cloneThis').append(function(i, html) { return $('<span>', { html:html }); }); 

You can test it out here。