2013-02-17 1 views
0

최근에이 코드로 질문을 게시하여 해결했지만 지금은 다른 문제가 있습니다. 사용자가 'go.gif'가 포함 된 이미지를 클릭하려고하면 어떻게 알릴 수 있습니까? 다른 모든 이미지를 클릭하고 변경할 수 있기를 원하지만 사용자가 해당 이미지를 클릭하려고하면 경고를 던져서 그대로 두어야합니다.특정 이미지에 대한 경고 메시지

<table> 
<tr> 
<td class='change' id='c1'><img src='images/on.gif'/></td> 
<td class='change' id='c2'><img src='images/on.gif'/></td> 
<td class='change' id='c3'><img src='images/on.gif'/></td> 
<td class='change' id='c4'><img src='images/go.gif'/></td> 
<td></td>  
</tr> 
</table> 

이 :

$(function() { 
$(document).on('click', '.change', function() { 
    var img = $(this).find('img'); 
    img.attr('src', (img.attr('src') == 'images/on.gif' ? 'images/off.gif' : 'images/on.gif')); 
}); 
}); 

편집 : 사실, 그 이미지를 포함하는 모든 아이디의이 나열되어야합니다 있도록 할 몇 가지 방법이있다. 또는 더 쉬울 경우 해당 이미지가 포함 된 ID는 사용자가 클릭하면 경고를 내야합니다.

나는 당신이 이런 식으로 할 수는

답변

1

을 이해하기 쉽게 희망 :

$(function() { 
    $(document).on('click', '.change', function() { 
     var img = $(this).find('img').not('[src$=go.gif]'); 
     img.attr('src', (img.attr('src') == 'images/on.gif' ? 'images/off.gif' : 'images/on.gif')); 
    }); 
}); 

$('table td img[src$=go.gif]').click(function() { 
    alert('Something that you like'); 
}); 

http://jsfiddle.net/micka/Ngs3T/

체크 아웃 좋은 JQuery와 선택 사항은이 페이지 : http://docs.jquery.com/Tutorials:How_to_Get_Anything_You_Want

+0

이 대답은 권리. 나는 그 질문을 오해했다. 질문을 올바르게 읽지 못해서 나쁘다. – Gor