jquery - 在jQuery中获取具有相同src和rel的img标签

Question

如何获取<img>在其src和rel属性中具有相同值的所有标签？

我试过类似的东西：

jQuery('img[rel=src]')

但它似乎没有工作。

Answer 1

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

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

请注意，这rel不是img元素的有效属性。因此，您可能希望使用data-*属性来存储附加信息。

附加说明：即使属性包含相对 URL ，this.src也会返回绝对URL。src如果要获取属性的实际值，则必须使用$(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 属性的图像标签。