如何提取部分 url 并填充到 img 的 src

Question

我想得到一些帮助。我需要从提要中提取链接并提取部分网址，然后将其填充到 img 标签 src 中。

html += '<'+ options.titletag +' class="rssRow '+row+'"><a href="'+ entry.link +'" title="View this feed at '+ feeds.title +'">'+ entry.title +'</a></'+ options.titletag +'>'
        if (options.date) html += '<div>'+ pubDate +'</div>'

所以我在这里要做的是获取从这里生成的 url + entry.link + 然后从生成的链接http://www.youtube.com/watch?v=acvh0CcSr8k&feature=youtube_gdata 获取视频 ID acvh0CcSr8k

并将其推送到 img 的源中

<img src="http://img.youtube.com/vi/**""**/2.jpg" border="0" />

Answer 1

不确定您是如何引用该链接的，但是一旦获得该链接，您可以尝试以下操作：

  // or whatever selector
var link = $('a')[0];

var str = link.search.split('=')[1].split('&')[0];

   // create the image
var $img = $('<img>',{src: "http://img.youtube.com/vi/" + str + "/2.jpg"} );

或者不使用.split()，您可以使用.slice() 字符串，使用.indexOf()。

var str = link.search;
str = str.slice( str.indexOf('=') + 1, str.indexOf('&') );

或者，如果您的意思是链接已经是一个字符串，那么您可以从 ? 拆分开始。

var str = entry.link.split('?')[1];

然后继续上面的其余部分。

Answer 2

您可以使用正则表达式来提取 Id（我不知道为什么 API 不提供它...）

/^http:\/\/(?:www\.)?youtube\.com\/watch\?v=(.*?)&/

您的 ID 将在 $1。