javascript - 单击时获取链接的 href

Question

我正在使用 owl carousel 和 nivo-lightbox 在弹出窗口中显示视频，一切正常，但我想获取 YouTube 的 URL，以便我可以根据观看的视频更新数据库。

我在做的事情中不断出现未定义的错误

codepen link

  $('a').nivoLightbox({
                effect: 'fade',
                clickOverlayToClose: false,
                onInit: function () { },
         beforeShowLightbox: function () {   },
         afterShowLightbox: function () {

                console.log("I am here");
                var vid =  $(this).attr("href");
                console.log("vid" + vid);
                updateVideo();
                }
   });

   function updateVideo() {
            console.log("I am here..in ");

   }

在上述情况下如何获取 YoutubeID

Answer 1

在这里。当调用 afterShowLightbox 时，DOM 已更改。

尝试下面的代码来获取 URL

var vid = $(e[0][0]).find('iframe').attr('src');

代码笔:https://codepen.io/anon/pen/bLRjQY

在浏览器控制台检查 URL

afterShowLightbox: function (e) {
    console.log("I am here");
    //var vid =  $(this).attr("href");
    var vid = $(e[0][0]).find('iframe').attr('src');
    console.log("vid" + vid);
    updateVideo();
}