Question

How can I get all the <img> tags which have the same values in their src and rel attributes?

I’ve tried something like:

jQuery('img[rel=src]')

But it doesn’t appear to be working.

Answer 1

You have to use .filter ^[docs]:

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

Note that rel is not a valid attribute for img elements. Therefore you might want to use data-* attributes to store the additional information.

Additional note: this.src will return the absolute URL, even if the src attribute contains a relative URL. If you want to get the actual value of the attribute, you have to use $(this).attr('src').