用类克隆元素

Question

如何用类克隆元素的内容并将其放入自身？
这是一个例子。我们有这个：

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

结果必须像

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

我试过像

这样的东西

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

但它返回类的第一个元素并将其放入其他所有元素中。有什么方法可以解决这个问题吗？

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