分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用jQuery将span元素从一个div移动到另一个div？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我想移动(在页面加载时)< span>投票< / span>部分位于底部并将其放在.@L_489_2@-result div中：

<div class="topic-like-count average">
 <h4>
  <div style="display: none">UN:F [1.9.10_1130]</div>
  <div class="thumblock ">
   <span class="@L_489_2@-result">
     <div id="gdsr_thumb_text_43_a" class="gdt-size-20 gdthumbtext">0</div>
  </span>
  <div class="@L_489_2@text ">
  </div>
  <div class="raterclear"></div>
  </div>
 </h4>
<span>Votes</span>
</div>

所以最终结果如下：

<div class="topic-like-count average">
 <h4>
  <div style="display: none">UN:F [1.9.10_1130]</div>
  <div class="thumblock ">
   <span class="@L_489_2@-result">
     <div id="gdsr_thumb_text_43_a" class="gdt-size-20 gdthumbtext">0</div>
     <span>Votes</span>
  </span>
  <div class="@L_489_2@text ">
  </div>
  <div class="raterclear"></div>
  </div>
 </h4>
</div>

如何使用jQuery实现这一目标？

编辑：

忘记提到哪里有多个.topic-like-count div(例如)：

<div class="topic-like-count good">
 <h4>
  <div style="display: none">UN:F [1.9.10_1130]</div>
  <div class="thumblock ">
   <span class="@L_489_2@-result">
     <div id="gdsr_thumb_text_43_a" class="gdt-size-20 gdthumbtext">1</div>
  </span>
  <div class="@L_489_2@text ">
  </div>
  <div class="raterclear"></div>
  </div>
 </h4>
<span>Votes</span>
</div>

<div class="topic-like-count average">
 <h4>
  <div style="display: none">UN:F [1.9.10_1130]</div>
  <div class="thumblock ">
   <span class="@L_489_2@-result">
     <div id="gdsr_thumb_text_43_a" class="gdt-size-20 gdthumbtext">0</div>
  </span>
  <div class="@L_489_2@text ">
  </div>
  <div class="raterclear"></div>
  </div>
 </h4>
<span>Votes</span>
</div>

(我想我需要在某处使用($this))

解决方法

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

http://jsfiddle.net/dc47b/4/

编辑

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

    },1000);
}


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

   };

http://jsfiddle.net/dc47b/5/

还有另一个编辑

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

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

});

http://jsfiddle.net/BG7HC/1/

和

http://jsfiddle.net/dc47b/6/