Selecting linked image by same attribute in jQuery

Question

I want to make a light box pop up from some linked images, but I have no control over its id or class, these come from an SMF forum.

I need to compare linked images to see if their src and href attributes are the same, and then use the light box plugin.

I managed to get this in the document ready function:

$('a.bbc_link:has(img.resized)').lightboxplugin();

This makes all images launch the lightbox plugin, but I need to compare the img src and the link href to see if they are the same, and then use the plugin.

Sadly, it has to be made with jQuery, which I have little experience with.

bfavaretto · Accepted Answer · 2012-03-29 16:14:55Z

1

Loop through the links, and apply the lightbox plugin there:

$('a.bbc_link').each(function(){
    var linkHref = $(this).attr('href');
    var imgSrc = $(this).find('img.resized').attr('src');
    // Compare and apply plugin as needed...
});

edited Mar 29, 2012 at 16:14

answered Mar 29, 2012 at 16:08

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hard Over a year ago

Thank you, first tests go well, i have to learn more of jquery asap.

Emmanuel N · Accepted Answer · 2012-03-29 16:08:43Z

1

Something like:

 $('a.bbc_link:has(img.resized)').each(function(index) {

      if($(this).attr('src') == $(this).attr('href') ){ //Compare link to URL
           $(this).lightboxplugin();
      }

 });

answered Mar 29, 2012 at 16:08

Emmanuel N

7,4592 gold badges30 silver badges37 bronze badges

Collectives™ on Stack Overflow

Selecting linked image by same attribute in jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related