如何在多个实例中将范围移动到另一个元素中

Question

我有多个具有此结构的div：

<div class="my_class">
    <p>things</p>
    <p>other things</p>
    <span class="read-less">read less</span>
</div>
<!-- duplicated several times -->

对于每个div，我想在最后一个 <p> 标签内移动read-less范围，因此结果将是：

<div class="my_class">
    <p>things</p>
    <p>other things <span class="read-less">read less</span></p>
</div>

对于单个div，这可以通过以下方式实现：

$span=$(".read-less").clone();
$(".read-less").remove();
$("p:last-child").append($span);

JSFiddle

http://jsfiddle.net/rwone/4a78N/

问题

如何使用多个div实现相同的修改？

Answer 1

除非有更好的方法，否则这似乎有效：

$(".my_class").each(function() {
read_less = $(this).find(".read-less");
rl_clone = read_less.clone();
read_less.remove();
$(this).find("p:last-child").append(rl_clone);
});  

JSFiddle

http://jsfiddle.net/rwone/4a78N/2/

Answer 2

试试这个，小提琴

$(".read-less").each(function(){
 $span=$(this).clone();
    $(this).prev('p').append($span)
    $(this).remove()
});