提取URL的結尾

我想提取YouTube網址的最後部分，以便將視頻嵌入到我想要的容器中。在Stack上環顧四周後，我相信自己走在了正確的軌道上。提取URL的結尾

如果有人能夠幫助我，將不勝感激。請參閱下面我的代碼：

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

如果任何人都能指出我的方向，我已經出錯了，那將是非常感激。

來源

2015-10-26 danMad

您錯過了參考thumbFetch的值。

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

來源

2015-10-26 01:22:47 Griffith

沒問題，你需要有內部'onchange'使'youTubeID'將更新該行。 – Griffith

很高興知道。謝謝@格里菲斯。 – danMad

提取URL的結尾

回答

相關問題