меняйте местами или перемещайте элементы DOM с помощью jQuery через разные контейнеры - PullRequest
Новая
       23

меняйте местами или перемещайте элементы DOM с помощью jQuery через разные контейнеры

0 голосов
/ 17 января 2010

ребята, у меня есть следующий 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>

Мне нужно поменять содержимое внутри div "data" на один верхний div "Dummy" или videoDummy и вернуть его обратно без потерьданные, когда пользователь нажимает следующую / предыдущую ссылку (класс launch-video).

Как мне поступить с jQuery o javascript?

1 Ответ

1 голос
/ 17 января 2010

Ты имеешь в виду что-то подобное? 

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