javascript - 提取 URL 的末尾

标签 javascript jquery html url

我正在尝试提取 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

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

最佳答案

您错过了引用 thumbFetch 的值。

使用 thumbFetch.val().lastIndexOf('/') + 1 而不是 thumbFetch.lastIndexOf('/') + 1

关于javascript - 提取 URL 的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33337095/

相关文章:

html - Bourbon Bitters and Neat Column Number 设置为 8,而不是 12

javascript - 如何将图片添加到单选按钮

javascript - 与 apply 调用相关的问题

javascript - 在angular.js中,不带()的函数调用和带()的调用有区别吗?

jQuery,选择具有属性的最近兄弟(下一个或上一个)

javascript - 如何用jquery检测哪个选择发生变化

javascript - JQuery 事件传播(返回 false)

javascript onkeypress 返回后调用函数

javascript - h5Validate 函数调用应在表单验证时完成

javascript - 如何让我的下拉菜单出现/对齐