jQuery：選擇鏈接到圖像文件的圖像

如何在標籤href是gif，jpg，png，bmp或某些其他圖像文件類型的情況下選擇包裹在標籤中的圖像。jQuery：選擇鏈接到圖像文件的圖像

我想選擇這些圖像的原因是爲每個圖像添加疊加文本「Click to Enlarge」。

2011-04-28 M.K. Safi

爲什麼不選擇所有<img />元素。如果你需要別的東西，你應該提供一個例子或元素列表以及你需要選擇的東西。

$('img');

來源

2011-04-28 11:54:33

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

來源

2011-04-28 11:56:42 reporter

很好的答案，但你可以簡化這真的很簡單在jQuery中。例如$（「a [href $ ='。jpg']」）。children（'img'）。 – 2011-04-28 12:06:41

是的如果我看到其他答案，我意識到我在jquery中缺乏練習是多麼巨大。我希望我會再次獲得更多的編碼jquery的機會。 – reporter 2011-04-28 12:12:54

查看http://jsfiddle.net/對於像這樣的問題，練習JQuery（和其他框架）是一個很好的地方！ – 2011-04-28 12:24:07

根據你想要的東西;

$("img");

這將選擇頁面上的所有圖像。

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

這將選擇所有的GIF文件（假設URL名爲.gif結束）

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

這將選擇所有GIF和PNG文件。

$("img.thumb");

最後，這一個將選擇'拇指'類的所有圖像。

來源

2011-04-28 11:59:35

試試這個：

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

以上選擇不區分大小寫不過，你可能會更好選擇的各個環節，在他們的圖像，並通過手動進行過濾，像@reporter建議。

來源

2011-04-28 12:03:10 DarthJDG

對於圖片查詢文件名後的查詢參數，可以使用'a [href * =「。jpg」]'爲例。 – tribulant 2017-05-22 14:16:08

jQuery：選擇鏈接到圖像文件的圖像

回答

相關問題