使用jQuery比较图像alts

Question

我正在用简单的hmtl和jquery做一个小项目，我预计目前这个问题很难解决：在html上，我有这样的简单图像：

<img src="color.png" alt="color" width="44" height="46" /> 
<img src="gray.png" alt="gray" width="44" height="46" />

但有时alts是相同的，所以我想在jquery中做一个"检查函数"，比较和检查图像的alts，以及它们是否相等，以执行警报。我来这里，但它不工作

    jQuery(document).ready(function(){
        var grayBall = $("img[alt*='gray']");
        var colorBall = $("img[alt*='color']");
        if(colorBall.attr('alt') = grayBall.attr('alt')){
        alert("They are matching !");
        };  
    });

把jquery添加到html之类的一切都可以，只是这个函数不起作用。

Answer 1

尝试使用==（相等）而不是=（赋值）

if(colorBall.attr('alt') == grayBall.attr('alt'))
{
    alert("They are matching !");
};  

更新您尝试过吗？更改一个img的alt标记，并更改脚本中的选择器：

<img src="color.png" alt="color" width="44" height="46" /> 
<img src="gray.png" alt="color" width="44" height="46" />

jQuery(document).ready(function(){
    var grayBall = $("img[alt*='color']");
    var colorBall = $("img[alt*='color']");
    if(colorBall.attr('alt') == grayBall.attr('alt')) {
        alert("They are matching !");
    };  
});

Answer 2

你可以试试这个

HTML

<img src="gray.png" alt="gray" width="44" height="46" />
<img src="color.png" alt="color" width="44" height="46" />
<img src="gray.png" alt="gray" width="44" height="46" />
<img src="gray.png" width="44" height="46" />

JS

jQuery(document).ready(function(){
    var exists = {};
    $("img[alt]").each(function(){
        var alt = $(this).attr('alt');
        if (exists[alt]) alert($(this).attr('alt')+" is matching !");
        else exists[alt] = true;
    });
});​

演示。