獲取在jQuery中具有相同src和rel的img標籤

Question

如何獲得所有在src和rel屬性中具有相同值的<img>標籤？

我已經試過類似：

jQuery('img[rel=src]') 

但它似乎並不奏效。

Answer 1

你必須使用.filter^[docs]：

$('img').filter(function() { 
    return this.src === $(this).attr('rel'); 
}); 

注意rel不是img元素的有效屬性。因此，您可能需要使用data-* attributes來存儲附加信息。

附加說明：this.src將返回絕對 URL，即使src屬性包含相對URL。如果你想獲得屬性的實際值，你必須使用$(this).attr('src')。

Answer 2

這裏是做這件事的一種方法：

<img src="../images/images/map_ico.png" rel="../images/images/map_ico.png" alt="logo" /> 
<img src="../images/images/map_ico.png" alt="logo" /> 
<img src="../images/images/map_ico.png" rel="../images/images/map_ico.png" alt="logo" /> 

var imgs=[]; 
$('img').each(function(){ 
    if($(this).attr('src')==$(this).attr('rel')){ 
     imgs.push($(this)) 
    } 
}) 
//would return 2 
alert(imgs.length); 

的IMGS陣列現在認爲具有相同的src和alt屬性中的所有圖像標記。