Question

所以基本上我想做的是抓取页面内图像的链接并将它们转换为图像。现在，我的代码将抓住论坛帖子中的任何链接并将它们转换为图像，但我希望它比这更具体。我希望能够使用主要的4个Web图像扩展（.jpg，.gif，.png，.bmp）来抓取图像。我是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);

Answer 1

您可以尝试使用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"]')

使用jQuery从页面中抓取图像

1 个答案: