jquery - 如何提取 url 的一部分并填充到 img 的 src 中

Question

我想在这方面获得一些帮助。我需要获取从 feed 中拉入的链接并提取 URL 的一部分，然后将其填充到 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>'

所以我在这里要做的是获取从此处生成的网址+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()，您可以使用.indexOf()来.slice()字符串。

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

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

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

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