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，我想在最后read-less标记内移动<p>范围，结果将是：

<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

试试这个， Fiddle

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

如何在多个实例中将跨度移动到另一个元素？

2 个答案: