用于链接到图像的 jQuery 选择器，可以容忍查询字符串

Question

我正在寻找一个 jQuery 选择器来查找所有图像链接，这很简单，

$('a[href$="jpg"], a[href$="jpeg"], a[href$="png"], a[href$="gif"]')

但是如果我的链接附加了查询字符串，就会中断，如下所示:

<a href="http://example.com/image1.jpg?1737892">link</a>

有没有一种方法可以像上面一样选择所有图像链接，但如果图像链接末尾有查询字符串，这种方法仍然有效？

Answer 1

此中断的原因是选择器的 $ 部分意味着它仅在 href 末尾查找 jpg。请改用包含选择器 (*)，并包含扩展名的点:

$('a[href*=".jpg"], a[href*="jpeg"], a[href*=".png"], a[href*=".gif"]')

但请注意，这意味着它也会匹配以下网址:

http://mysite.com/fakelink.jpg.aspx
http://mysite.com/page.php?param=image.jpg

因此，即使不太可能发生，也不能 100% 保证您会选择图像链接。

Example fiddle