jquery - jQueryでsrcとrelが同じimgタグを取得する

Question

および属性<img>に同じ値を持つすべてのタグを取得するにはどうすればよいですか?srcrel

私は次のようなことを試しました：

jQuery('img[rel=src]')

しかし、それは機能していないようです。

Answer 1

.filter ^[docs]を使用する必要があります:

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

要素relの有効な属性ではないことに注意してください。imgしたがって、data-*属性を使用して追加情報を保存することができます。

追記:属性に相対 URL が含まれていても、絶対this.srcURLが返されます。属性の実際の値を取得したい場合は、 を使用する必要があります。src$(this).attr('src')

Answer 2

これを行う1つの方法は次のとおりです。

<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 属性を持つすべてのイメージ タグを保持するようになりました。