Question

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

我想选择这些图像的原因是为每个图像添加叠加文本“Click to Enlarge”。

Answer 1

试试这个：

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

上面的选择器不区分大小写，你可能最好选择包含图像的所有链接并手动过滤它们，比如@reporter建议。

Answer 2

取决于你想要的东西;

$("img");

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

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

这将选择所有GIF文件（假设网址以.gif结尾）

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

选择所有GIF和PNG文件。

$("img.thumb");

最后这个将用'拇指'类选择所有图像。

Answer 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
     ...
    });

Answer 4

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

$('img');

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

4 个答案: