JQuery заменить часть URL

Question

У меня есть URL Vimeo, который выглядит следующим образом:

<iframe src="https://player.vimeo.com/video/57418480?byline=0&portrait=0&autoplay=1" width="620" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

То, что я хочу сделать, это взять на себя идентификатор видео, которое в данном случае является 57418480 и заменить его OnClick. Я бы установил идентификатор через атрибут class. Например:

<li><a href="#" class="57418481">Ethics in Investing</a></li> 

Нажатие на ссылку выше будет заменить только номер ID, так что это будет выглядеть следующим образом:

<iframe src="https://player.vimeo.com/video/57418481?byline=0&portrait=0&autoplay=1" width="620" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

Answer 1

$('a').click(function() { 
    var newID = $(this).attr('class'); 
    var newURL = 'https://player.vimeo.com/video/' + newID + '?byline=0&portrait=0&autoplay=1'; 
    $('iframe').attr('src',newURL); 
    return false; 
}); 

http://jsfiddle.net/Khpd7/

Answer 2

Использование данных URL в вашей ссылке

<li><a href="#" data-url="https://player.vimeo.com/video/57418481?byline=0&portrait=0&autoplay=1" class="57418481">Ethics in Investing</a></li> 

onclick:

$('a').on('click',function(){ 
    $('iframe').attr('src',$(this).data('url')); 
});