Question

我正在尝试提取YouTube网址的最后一部分，以便我可以将视频嵌入到我想要的容器中。在Stack上四处看看后，我相信自己走在了正确的轨道上。

如果有人能够帮助我，那将非常感激。请参阅下面的代码：

$(document).ready(function() {
    var thumbFetch = $('.js-thumb');
    var youTubeID = thumbFetch.val().substring(thumbFetch.lastIndexOf('/') + 1);
    thumbFetch.change(function() {
        if(thumbFetch.val().length > 0) {
            $('.content-img-wrapper').html('<iframe width="100%" height="100%" src="http://www.youtube.com/embed/' + youTubeID + '?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>');
        } else {
            $('.content-img-wrapper').empty();
            $('.content-img-wrapper').html('<div class="content-img-placeholder"></div>');
        }
     });
});

这是一个jsfiddle，你可以看到发生了什么：http://jsfiddle.net/rxa0d7va/

我收到的错误是“thumbFetch.lastIndexOf不是函数”。我不理解这一点，因为我正在回答这个问题的答案： Last segment of URL

如果有人能够指出我出错的方向，那将非常感激。

Answer 1

您错过了引用thumbFetch的价值。

请thumbFetch.val().lastIndexOf('/') + 1代替thumbFetch.lastIndexOf('/') + 1

提取URL的结尾

1 个答案: