在jQuery中通过相同属性选择链接图像

时间:2012-03-29 16:01:37

标签: jquery jquery-selectors

我想从一些链接的图像中弹出一个灯箱,但是我无法控制它的id或类,这些来自SMF论坛。

我需要比较链接的图片,看看他们的srchref属性是否相同,然后使用灯箱插件。

我设法在文档就绪函数中得到了这个:

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

这会让所有图片都启动灯箱插件,但我需要比较img src和链接href以查看它们是否相同,然后使用该插件。

可悲的是,它必须使用jQuery,我几乎没有经验。

2 个答案:

答案 0 :(得分:1)

循环浏览链接,并在那里应用灯箱插件:

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

答案 1 :(得分:1)

类似的东西:

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

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

 });