2012-09-12 2 views
0

내가 간단한 HMTL와 jQuery로 작은 프로젝트를 만드는 중이을 사용 ALTS 이미지를 비교하고, 그 문제에 순간에 어려운 권리를 기대 해요 :jQuery를

<img src="color.png" alt="color" width="44" height="46" /> 
<img src="gray.png" alt="gray" width="44" height="46" /> 
: html로를 통해이 같은 단순한 이미지가

하지만 때로는 alts가 동일하므로 jquery에서 이미지의 alts를 비교하고 검사하고 경고를 실행하는 것과 동일한 지 여부를 확인하는 "check function"을 만들고 싶습니다. 나는 여기에 온다 그러나 작동하지 않는다

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

html에 jquery를 추가하는 것이 좋아요.이 기능 만 작동하지 않습니다.

+3

비교하려면'=='double equals - 또한 서로 같지 않아서 왜 경고할까요? –

답변

2

== (평등)를 사용하여 시도 대신에 = (할당)

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 !"); 
    }; 
}); 
+0

아니, 이걸 시도했지만 아직 작동하지 않는다. –

+1

@Daemonyoyo, 당신의'images'는 다른'alt'를 가지고 있으므로 경고하지 않을 것입니다. –

+0

작동하지 않는 것이 더 구체적 일 수 있습니까? 오류가 있습니까? 코드를 단계별로 실행하면 어떻게됩니까? – jrummell

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

DEMO.