关于HTML：使用jquery将跨度元素从一个分区移动到另一个分区？

Moving a span element from one div to another with jQuery?

我想移动(页面加载)底部的votes部分，并将其放在.rating-result分区内：

1
2
3
4
5
6
7
8
9
10
11
12

<h4>
UN:F [1.9.10_1130]

<span class="rating-result">
0
</span>

</h4>
<span>votes</span>

所以最终结果看起来是这样的：

1
2
3
4
5
6
7
8
9
10
11
12

<h4>
UN:F [1.9.10_1130]

<span class="rating-result">
0
<span>votes</span>
</span>

</h4>

如何通过jquery实现这一点？

编辑：

忘了提一个以上的.topic-like-countDIV(例如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<h4>
UN:F [1.9.10_1130]

<span class="rating-result">
1
</span>

</h4>
<span>votes</span>

<h4>
UN:F [1.9.10_1130]

<span class="rating-result">
0
</span>

</h4>
<span>votes</span>

(我想我需要在某个地方使用($this))

1
2
3

$span=$("#votes").clone();
$("#votes").remove();
$("#gdsr_thumb_text_43_a").append($span);

jsfiddle.net http：/ / / / / 4 dc47b

编辑

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function doIt(){
setTimeout(function(){
$span=$("#votes").clone();
$("#votes").remove();
$("#gdsr_thumb_text_43_a").append($span);

}, 1000);
}

window.onload = function() {
doIt();

};

jsfiddle.net http：/ / / / / 5 dc47b

另一个编辑。

1
2
3
4
5
6
7

$(".topic-like-count").each(function(){

$span=$(this).find(".vote").clone();
$(this).find(".vote").remove();
$(this).find("#gdsr_thumb_text_43_a").append($span);

});

jsfiddle.net http：/ / / / / 1 bg7hc

鸭

jsfiddle.net http：/ / / / / 6 dc47b

相关讨论

1
2
3

$('div.topic-like-count').delegate('span.votes', 'click', function() {
$('span.rating-result').append($(this));
});

使用delegates，它有一个伟大的方式sectioning逻辑关系。

在以上两个translates代码：

在每一个div"与"主题类细胞的类。(*)
如果列表中看到一个跨对象类和"投票"。(×)
原因的单击事件。
当这发生，找到与"跨一级评级结果的W /(×)。
and add(**)后detaching它从它的原始点

《appendto关键字的使用。

退房的SO回答如何移动到另一个元素的元素吗？。。。。。。。

我想你可能也使用Clone然后remove the原

两个选择的实际使用寿命的问题之类的东西；

1	$(".topic-like-count:last-child")