jQuery的替换URL

Question

的部分我有一个Vimeo的URL看起来像这样：

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

我想要做的就是把视频ID，在这种情况下是57418480和的onclick更换。我会通过class属性设置ID。例如：

<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

使用数据链接在您的链接

<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')); 
});