Как переместить span в другой элемент в нескольких экземплярах?

Question

У меня есть несколько дивы с этой структурой:

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

Для каждого DIV, я хочу, чтобы переместить срок read-less в течение последнего <p> тега, так что результат будет:

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

Для одного ДИВ, это может быть достигнуто с:

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

JSFiddle

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

Вопрос

Как это же модификация достигается с несколькими дивами?

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

Попробуйте это, Fiddle

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