从锚点复制标题并在另一个div中显示

时间:2013-09-15 13:34:46

标签: javascript jquery html youtube-javascript-api

我需要在同一页面上制作youtube视频库播放视频,只需在链接上单击一下即可播放相关视频并从链接中复制标题并将其显示为视频下的标记。

到目前为止,我已经完成了视频部分需要如何将标题从锚链接复制到title div。

我还希望以更专业的方式完成整个事情。

jsFiddle

上的代码
$(document).ready(function () {

    $('.vid_button').click(function (e) {
        e.preventDefault();
        var URL = $(this).attr('href');
        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);

        return false;
    });
});

1 个答案:

答案 0 :(得分:1)

DEMO

添加此代码

$('.video-title').text($(this).text());

$('.video-title').text(this.innerHTML);

参考

http://api.jquery.com/text/

https://developer.mozilla.org/en-US/docs/Web/API/element.innerHTML