比較圖像ALTS使用jQuery

我想提出用簡單的HMTL和jQuery一個小項目，我在與這個問題一時難以期待權：在HTML我有簡單的圖片是這樣的：比較圖像ALTS使用jQuery

<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是好的只有這個功能不工作。

來源

2012-09-12 Yoan Dinkov

比較使用'=='雙等於 - 他們也不等於彼此，所以它爲什麼會提醒？你能解釋一些更多的是你想做什麼 –

嘗試使用==（平等），而不是=（分配）

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-12 17:37:08 jrummell

不，我正在嘗試這個，但仍然不起作用 –

@Daemonyoyo，你的'圖像'有不同'alt'，所以它不會提醒。 –

你能更具體地說什麼不起作用嗎？你看到任何錯誤？當你通過代碼時會發生什麼？ – jrummell

你可以試試這個

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" />

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。

來源

2012-09-12 18:05:17

比較圖像ALTS使用jQuery

回答

相關問題