交換或通過不同的容器中移動與jQuery DOM元素

Question

傢伙，我的下一個HTML：

<div id="Dummy" class="video"> 
    <div class="videoDummy">Video Dummy</div> 
</div> 

<div class="bd"> 
<ul class="items"> 
    <li class="video"> 
     <a href="#" class="launch-video vid_{{VAR:vid_contentId}}"> 
     {{module:video_imagethumbnail/contentId={VAR:contentId}}·clippingWidth=68}} 
     </a> 
     <div class="data"> 
      <div class="player"> 
      {{MODULE:Flashmedia/contentId=VAR:vid_contentId}}·type=video}} 
      </div> 
     </div><!-- .data --> 
    </li> 
    <li class="video"> 
     <a href="#" class="launch-video vid_{{VAR:vid_contentId}}"> 
     {{module:video_imagethumbnail/contentId={VAR:contentId}}·clippingWidth=68}} 
     </a> 
     <div class="data"> 
      <div class="player"> 
      {{MODULE:Flashmedia/contentId=VAR:vid_contentId}}·type=video}} 
      </div> 
     </div><!-- .data --> 
    </li> 
    <!-- ... and so on ---> 
    </ul> 
</div> 

我需要用一個上格「虛擬」或videoDummy掉裏面的內容格「數據」，並在用戶點擊下一個/上一個鏈接（類啓動視頻）時將內容返回而不丟失數據。

我該如何去做這個跟jQuery o javascript？

Answer 1

你的意思是這樣的嗎？

$("a.launch_video").click(function() { 
    var data = $(this).next().html(); 
    $(this).next().html($("#Dummy").html()); 
    $("#Dummy").html(data); 
    return false; 
});