jQuery從字符串中獲取圖像鏈接

Question

嘿，我想從一個字符串中獲得png鏈接，該字符串中包含一些HTML。

的字符串看起來是這樣的：

var thecode = '[caption id="attachment_1794" align="alignleft" width="210"] 
    <a href="http://www.website.com/wp-content/uploads/2012/10/Screen-Shot-2012-10-30-at- 
    8.52.48-AM.png"><img class="size-medium wp-image-1794" title="Difference between and 
    affiliate programs" src="http://www.website.com/wp-content/uploads/2012/10/Screen- 
    Shot-2012-10-30-at-8.52.48-AM-210x300.png" alt="Learn the and affiliate programs" 
    width="210" height="300" /></a> Learn the and affiliate programs[/caption]<p><span 
    style="font-size: small;">An article by CEO of AD, Inc. (AD®), has been published by 
    <a title="Learn the and affiliate programs" href="http://www.mmag.com/articles/85281" 
    target="_blank">M Magazine</a>. The article is titled: "Putting The Right Place." </span>'; 

我一直在試圖獲得通過jQuery代碼圖片鏈接：

var newString = $('a[href$=".png"]', thecode).attr('href'); 
console.log(newString); 

但是上面就返回SCRIPT5022的例子：語法錯誤，無法識別表達：

我會錯過什麼？

Answer 1

試試這個：

var thecode = '[caption id="attachment_1794" align="alignleft" width="210"] <a href="http://www.website.com/wp-content/uploads/2012/10/Screen-Shot-2012-10-30-at-8.52.48-AM.png"><img class="size-medium wp-image-1794" title="Difference between and affiliate programs" src="http://www.website.com/wp-content/uploads/2012/10/Screen-Shot-2012-10-30-at-8.52.48-AM-210x300.png" alt="Learn the and affiliate programs" width="210" height="300" /></a> Learn the and affiliate programs[/caption]<p><span style="font-size: small;">An article by CEO of AD, Inc. (AD®), has been published by <a title="Learn the and affiliate programs" href="http://www.mmag.com/articles/85281" target="_blank">M Magazine</a>. The article is titled: "Putting The Right Place." </span>'; 

var newString = $('<div>'+ thecode + '</div>'); 
console.log($('a[href$=".png"]',newString).attr('href')); 

jsFiddle example