获取在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-* attributes来存储其他信息。

附加说明：this.src将返回绝对网址，即使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属性的所有图像标记。