How to add a class to a link containing an image?

Question

NoSQL

I'm using Fancybox and adding the large class and rel="group" for the image links after the page has loaded.

$(".text a").addClass("large").attr('rel', 'group');

The problem is that if there are links in the text without pictures (to a third-party resource), they are also given a class and the rel attribute, and therefore following the link does not work.

How can I add the class and attribute I need only to links containing an image?

Answer 1

You can, the 3rd node (orbiter) is needed if you need to switch to the second node when the master falls.
> (in fact, it will be in the wings)
without the 3rd node, you will quickly / simply not switch to the slave

Answer 2

For example, with filter :

$('a').filter(function( index ) {
    return $("img", this).length === 1;
})

Example .
Second option: using has :
Example .
The second option is more productive .

Answer 3

1. Why do this in Javascript? This is not rational.
2. If you still need it for some reason, then regular expressions and the test function will help you:
a) get the href value of the link b) execute the test
function c) the regular expression must contain a check for .jpg, .jpeg, .png, .gif To learn how to write regular expressions, read this article first