div 요소에있는 모든 링크를 찾아 모든

Question

나는이 같은 일부 HTML 요소가 있다고 가정을 비활성화

<div id="content_div"> 
    <span><a href="some_link">Click me</a></span> 
    <div> Hello everybody. Click <a href="some_link_else">me</a> to do something else</div> 

    <a href="3rd_link"> Oops </a> 
</div> 

나는 #content_div의 모든 "A"태그를 얻고을 모두 해제입니다 필요로하는 모든 그들 (나는 그들을 클릭하는 것을 원하지 않는다). Jquery에서 어떻게 할 수 있습니까?

Answer 1

이 시도 :

$("#content_div a").click(function(e) { 
    e.preventDefault(); 
}); 

Answer 2

$("#content_div a").css({"color":"#888888", cursor: "default"}).click(function(e){ 
    e.preventDefault(); 
}); 

작업 예http://jsfiddle.net/P4Fqq/

Answer 3

가 사용자에 의해 비활성화 될 수 있습니다 당신은 CSS 솔루션을 원하는 그래서 만약 내가 jQuery를에 덜 의존하는 것

, 당신 그것을 할 수있다

#content_div { 
    pointer-events: none; 
    cursor: default; 
} 

Demo

편집 : 정확히 말하면, 여기에 두 가지 방법이 선언 #content_div a

Answer 4

를 사용

1) "해제"로 무엇을 $('#content a').css({"pointer-events":"none"});

2) $('#content a').click(function(e){ e.preventDefault(); });