比较两个img src

时间:2013-09-18 06:13:22

标签: jquery html

好吧所以我有这个函数可以获得每个img的img src,其中包含一个可见的类:

$('.visible').each(function() {
        var img = ($(this).attr('src'));
          alert(img);
            });

现在我需要比较前两个img src以查看它们是否相同我试过这个:

   $('.visible').each(function() {
         var firstImg = ($(this).eq(0).attr('src'));
         var secondImg = ($(this).eq(1).attr('src'));

if(firstImg == secondImg){
alert('match');
}else{
alert('not a match'); 
}

            });

这显然是错的,所以我怎么能这样做呢?

2 个答案:

答案 0 :(得分:5)

each处理程序this内部指的是单个图片元素,因此$(this).eq(1).attr('src')将始终返回undefined

你需要的是

var $imgs = $('.visible');

var firstImg = $imgs.eq(0).attr('src');
var secondImg = $imgs.eq(1).attr('src');

if(firstImg == secondImg){
    alert('match');
}else{
    alert('not a match'); 
}

答案 1 :(得分:3)

请参阅http://jsfiddle.net/j5bsU/

HTML

<img class="visible" src="fake.png" />
<img class="visible" src="anotherfake.png" />
<img src="noclassimg.png" />
<img class="visible" src="lastimg.png" />

JS

$(document).ready(function()
{
    var imgs = $('.visible');
    var firstSrc = imgs[0].src;
    var secondSrc = imgs[1].src;
    alert(firstSrc == secondSrc);
});