Question

I need to select only images wrapped in links so I can the rel=”lightbox” to the links. I’ve tried with 2 loops but it doesn’t work as it adds the rel attribute to normal links too (without images).

Here’s the jQuery:

$('#floorplans img').each(function() {
    $('#floorplans a').each(function() {
        $(this).attr('rel','lightbox[floorplans]'); 
    });
});

Thank you.

Answer 1

a better solution could be:

$('#floorplans a:has(img)').attr('rel', 'lightbox[floorplans]');

why its better?

Guffa’s solution will select all the images inside anchors into a jQuery set (which can be a big overkill, if you have a large number of images in the page).

My solution will only select the specified anchors, and not the images.