jQuery：选择链接到图像文件的图像答案

【问题标题】：jQuery: Select Images That are Linking to Image FilesjQuery：选择链接到图像文件的图像
【发布时间】：2011-08-14 15:44:27
【问题描述】：

在标签href是gif、jpg、png、bmp或其他图像文件类型的情况下，如何选择标签中包含的图像。

我要选择这些图片的原因是为每张图片添加叠加文字“点击放大”。

【问题讨论】：

标签： jquery image

【解决方案1】：

试试这个：

$('a[href$=".gif"], a[href$=".jpg"], a[href$=".png"], a[href$=".bmp"]').children('img');

上述选择器不区分大小写，您最好选择所有包含图像的链接并手动过滤它们，就像@reporter 建议的那样。

【讨论】：

图片查询文件名后面的查询参数，例如可以使用a[href*=".jpg"]。

【解决方案2】：

取决于你想要什么；

$("img");

这将选择页面上的所有图像。

$("img[src$='.gif']");

这会选择所有 GIF 文件（假设 url 以 .gif 结尾）

$("img[src$='.gif'], img[src$='.png']");

这会选择所有 GIF 和 PNG 文件。

$("img.thumb");

最后这个会选择所有带有“thumb”类的图像。

【讨论】：

【解决方案3】：

    //find all images
    $("#YourContainerTag").find("img").each(function()
    {
      //read the parent
      var parentLinkObject = $(this).parent();
      if (parentLinkObject.name == "a")
      {
        //read the attribute 'href'
        hrefAttribute = $(parentLinkObject).attr("href");
        //look for graphical file types
        ...     
      }
     //what ever you want to do
     ...
    });

【讨论】：

很好的答案，但你可以在 jquery 中简单地简化这个。 $("a[href$='.jpg']").children('img') 例如。
是的，如果我看到其他答案，我就会意识到我在 jquery 方面缺乏实践有多么严重。希望以后能有更多的机会用jquery编码。
查看jsfiddle.net，这是练习 JQuery（和其他框架）解决此类问题的好地方！

【解决方案4】：

为什么不选择所有<img /> 元素。如果您需要其他内容，您应该提供一个示例或元素列表以及您需要选择的内容。

$('img');

【讨论】：