0

我需要将点击的 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;
    });
});
4

2 回答 2

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

工作小提琴（更新了小提琴）

于 2013-09-16T11:28:25.667 回答
0

这很简单...

看看这个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());

有了这个，'title' 是从'this' 上下文中获取的。

祝你好运！

于 2013-09-16T11:40:33.090 回答