Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将活动div的内容复制到另一个div_Javascript_Jquery - Fatal编程技术网

Javascript 将活动div的内容复制到另一个div

Javascript 将活动div的内容复制到另一个div,javascript,jquery,Javascript,Jquery,我需要复制内容的点击div到另一个div。我有一个视频列表连同标题和日期。我需要播放视频和复制内容的点击div到另一个 到目前为止,我可以播放视频,但它总是只复制第一个div的内容。我怎样才能捕获一个活动div或我点击的div 榜样 jQuery $(document).ready(function () { $('.Play-Video').click(function (e) { e.preventDefault(); var URL = $(thi

我需要复制内容的点击div到另一个div。我有一个视频列表连同标题和日期。我需要播放视频和复制内容的点击div到另一个

到目前为止,我可以播放视频,但它总是只复制第一个div的内容。我怎样才能捕获一个活动div或我点击的div

榜样

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;
    });
});
$(文档).ready(函数(){
$('.Play Video')。单击(函数(e){
e、 预防默认值();
var URL=$(this.attr('href');
$('.video title').text($(this.text());
var htm='';
//$('video#u container').html(htm);
//$('.video title').html(htm);
$(“.video title”).html($(“.title”).html());
返回false;
});
});

您实际上应该这样调用:

$(".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
(更新了小提琴)

很简单

看看这个


$(文档).ready(函数(){
$('.Play Video')。单击(函数(e){
e、 预防默认值();
var URL=$(this.attr('href');
$('.video title').text($(this.text());
var htm='';
$(“.video title”).html($(“.title”,$(this)).html());
});
});
我已更改:
$(.video title”).html($(.title”).html()
进入:
$(.video title”).html($(.title),$(this)).html()

这样,就可以从“this”上下文中获取“title”


祝你好运

你想要这样的东西吗?你想改变点击链接的视频吗?@Mr_Green。是的,类似这样的东西,我可以修改其余的复制日期部分也。。谢谢..@U格林先生。如何复制日期,我也试过了,只是复制了标题部分。@KnowledgeSeeker首先,我误解了你的问题。我在下面添加了答案。谢谢你更新了链接。我想知道为什么它不起作用。这就是我想要的。@KnowledgeSeek只使用
$(“.title”).html()
将查找html代码中所有类名为
.title
的类。但是您实际上愿意指出
.title
,它是单击的
.play video
类元素的子元素。我希望你能理解我的解释@如果我的帖子对你有帮助,请将其标记为答案。
<!-- 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());
    });
});