2011-11-11 2 views
1

서버 측에서 수행되는 자동 생성 하이퍼 링크를 끄기 위해 alt 태그로 이미지를 타겟팅하려고합니다. 편집 할 수 없습니다.jQuery에서 alt 태그로 이미지를 타겟팅하여 하이퍼 링크를 사용하지 않음

내가 사용하는 코드는 다음과 같습니다 작동하지 않습니다

$('.ssImage a[title="test image"]').click(function(){return false;}); 

....

html로 :

<div class="ssImage"><a href="/content/test.htm" title="test image"><img src="/content/test.jpg" alt="test image"/></a></div> 

내가 사업부 자체를 타겟팅 할 수 없습니다 , 페이지에서 같은 클래스의 다른 이미지에 영향을 미치므로 alt 또는 title을 사용하여 이미지를 지정하는 방법을 찾아야합니다.

도움을 주실 수있는 분들께 고맙습니다!

+2

잘 작동하는 것처럼 보입니다. http://jsfiddle.net/GHfYG/ –

+0

원하는 경우 alt/title 선택기로 사용할 수 있으며 .parent()를 사용하여 주위에 링크를 얻을 수 있습니다 – ggzone

+0

코드가 래핑 되었습니까? '$ (document) .ready' 블록에? – Blazemonger

답변

3

선택기가 정상적으로 작동한다고 생각하지만 대신 클릭을 막지 못하는 return false;입니다. 이 시도 :

$('.ssImage a[title="test image"]').click(function(e){ 
    e.preventDefault(); 
}); 
+1

'return false;도 효과가 있지만'e.preventDefault()'가 더 나은 해결책입니다. – ThiefMaster

0

이 그것을 수행해야합니다

작업 바이올린 : http://jsfiddle.net/mnLr8/

$('.ssImage a[title="test image"]').click(function(e){ 
    e.preventDefault(); 
    alert('clicked the link'); 
}); 

이 (다음, 전자로 함수에 e.preventDefault를 이벤트를 전달합니다) 클릭이 시작되는 것을 중지합니다.

관련 문제