javascript - 提取URL的结尾

我正在尝试提取YouTube URL的最后一部分，以便将视频嵌入到所需的容器中。在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

如果有人能够指出我犯错的方向，将不胜感激。

最佳答案

您错过了引用thumbFetch的值。

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