使用jQuery從頁面抓取圖像

所以基本上我想要做的是抓取頁面內圖像的鏈接並將其轉換爲圖像。現在，我有一些代碼可以獲取論壇中帖子的任何鏈接並將其轉換爲圖片，但我希望它比這更具體。我希望能夠使用主要4個圖像擴展名（.jpg，.gif，.png，.bmp）來抓取圖像。我是jQuery的新手，所以我真的很喜歡這方面的一些幫助。這裏是我的代碼，我到目前爲止有：使用jQuery從頁面抓取圖像

(function($) { 
    if ($('#nav a[href*="/forum/3828932/"]').length && location.href.indexOf('/1/') !== -1) { 
     $('td.c_post:eq(0) a').each(function() { 
      link = $(this).attr('href'); 
      $(this).html('<a href="' + link + '"><img src="' + link + '" alt="Icon" /></a>') 
     }); 
    } 
})(jQuery);

來源

2011-10-26 Chad

你可以嘗試使用ends-with選擇器選擇與HREF兩端錨與價值觀 http://api.jquery.com/attribute-ends-with-selector/

和多種選擇 http://api.jquery.com/multiple-selector/

讓你選擇器可能看起來像

$('td.c_post:eq(0) a[href$=".jpg"],td.c_post:eq(0) a[href$=".png"],td.c_post:eq(0) a[href$=".gif"],td.c_post:eq(0) a[href$=".bmp"]')

來源

2011-10-26 06:43:40 Quincy

這似乎並沒有爲我工作。 – Chad

你不介意給我們看你的html嗎？ – Quincy

好吧，這一點不是某個實例。這將從論壇集上的帖子中獲取圖片的鏈接，並讓它實際顯示圖片。我只想限制它抓住什麼樣的鏈接，而不是抓住帖子中的每一個環節。 – Chad

使用jQuery從頁面抓取圖像

回答

相關問題