0

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

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

但有时 alt 是相同的，所以我想在 jquery 中创建一个“检查函数”来比较和检查图像的 alt 以及它们是否相等以执行警报。我来到这里但它不起作用

    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 之类的一切都可以，只是这个功能不起作用。

4

2 回答 2

2

尝试使用==(equality) 而不是=(assignment)

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 !");
    };  
});
于 2012-09-12T17:37:08.083 回答
0

你可以试试这个

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

演示。

于 2012-09-12T18:05:17.240 回答