Javascript 将活动div的内容复制到另一个div
我需要复制内容的点击div到另一个div。我有一个视频列表连同标题和日期。我需要播放视频和复制内容的点击div到另一个 到目前为止,我可以播放视频,但它总是只复制第一个div的内容。我怎样才能捕获一个活动div或我点击的div 榜样 jQueryJavascript 将活动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
$(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());
});
});