Копировать содержимое активного div в другой div

Question

Мне нужно скопировать содержимое щелкнутого div в другой div. У меня есть список видео вместе с названием и датой. Мне нужно воспроизвести видео и скопировать содержимое щелкнутого div в другое.

Пока я могу воспроизводить видео, но он всегда копирует содержимое только первого div. как я могу уловить даже активный div или один щелчок.

Пример на jsFiddle

JQuery

$(document).ready(function() { 

    $('.Play-Video').click(function (e) { 
     e.preventDefault(); 
     var URL = $(this).attr('href'); 
     $('.video-title').text($(this).text()); 
     var htm = '<iframe width="438" height="250" src="http://www.youtube.com/embed/' + URL + '?wmode=transparent&rel=0&theme=light&color=white&autoplay=0" frameborder="0" allowfullscreen ></iframe>'; 

     //$('#video_container').html(htm); 
     // $('.video-title').html(htm); 
      $(".video-title").html($(".title").html()); 
     return false; 
    }); 
}); 

Answer 1

Вы должны на самом деле назвать так:

$(".video-title").html($(this).children(".title").html()); //for changing title 
$(".video-date").html($(this).children(".date").html()); //for changing date 

вместо просто

$(".video-title").html($(".title").html()); //this will look for all classes wit name ".title" present in the html code 

Working Fiddle (обновил скрипку)

Answer 2

Это довольно просто ...

Взгляните на этот http://jsfiddle.net/YtcDJ

<!-- language: lang-js --> 
$(document).ready(function() { 
    $('.Play-Video').click(function (e) { 
     e.preventDefault(); 
     var URL = $(this).attr('href'); 
     $('.video-title').text($(this).text()); 
     var htm = '<iframe width="438" height="250" src="http://www.youtube.com/embed/' + URL + '?wmode=transparent&rel=0&theme=light&color=white&autoplay=0" frameborder="0" allowfullscreen ></iframe>'; 
     $(".video-title").html($(".title", $(this)).html()); 
    }); 
}); 

Я изменился: $(".video-title").html($(".title").html());
в: $(".video-title").html($(".title", $(this)).html());

При этом «заголовок» извлекается из контекста «этот».

Удачи вам!