在 href (jQuery) 中查找带有图像扩展名的 <a>

Posted

技术标签:

【中文标题】在 href (jQuery) 中查找带有图像扩展名的 <a>【英文标题】:Find <a> with image extension in href (jQuery) 【发布时间】:2010-12-22 00:40:26 【问题描述】:

我需要在 href 中找到(并隐藏)所有带有图像(.jpg、.png、.gif)的链接,因为它们会导致我的 wordpress 摘录中断。

非常感谢。

【问题讨论】:

【参考方案1】:
$('a').filter(function() 
    return $(this).attr('href').match(/\.(jpg|png|gif)/i);
).hide();

【讨论】:

它也可以在一些边缘情况下工作,比如 image1.jpg&uname=tom ......但是如果它作为 URL 的一部分出现在其他地方,它也会匹配扩展......但这似乎不太可能。【参考方案2】:

好的,想通了:P

$("a[href$='.jpg']").addClass('hide');

【讨论】:

如果您愿意,也可以致电 .hide() 您应该考虑为 .jpg 、 .jpeg 、 .JPG 和 .JPEG 让 David 示例不区分大小写,并且添加 jpeg 应该可以解决问题。 (我不擅长用正则表达式写出正确的答案,对不起)

以上是关于在 href (jQuery) 中查找带有图像扩展名的 <a>的主要内容,如果未能解决你的问题,请参考以下文章

带有dataURL href的图像的SVG在某些引擎中无法正确呈现

带有转义字符的jQuery查找功能在最新版本中不起作用

jQuery中查找带有某一属性的元素

使用 JQuery 查找和复制图像

使用 MVC3 Razor 在 Jquery 中应用图像扩展验证

带有上传器的 jQuery 图像裁剪器