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

Question

当单击链接时，我需要让 youtube 视频库在同一页面上播放视频，它应该播放相关视频并从链接复制标题并将其显示为视频下的标签。.

到目前为止，我已经完成了如何将标题从锚链接复制到titlediv 的视频部分。

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

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;
    });
});

Answer 1

演示

添加此代码

$('.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