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;
    });
});

DEMO

使用jQuery比较图像alts

2 个答案: