jQuery를 사용하여 이미지 링크를 "#"로 변경하십시오.

Question

이미지 경로가 다른 경로인지 여부에 관계없이 이미지 경로의 유효성을 검사합니다. 이미지 인 경우 특정 href 값을 #으로 바꿉니다. 그러나 # 값은 모든 링크에 영향을줍니다. 내가 여기 #

jQuery(document).ready(function($) { 
    $("a").each(function(i, el) { 
     var href_value = el.href; 
     if (/\.(jpg|png|gif)$/.test(href_value)) { 
     jQuery('a').prop('href', '#'); 
     } 
    }); 
}); 

에 이미지 링크를 대체 할 수있는 방법은 어떤 제안이 좋을 것

FIDDLE

입니다.

Answer 1

사용 이

jQuery(this).prop('href', '#'); 

또는

jQuery(el).prop('href', '#'); 

Answer 2

모든 링크가 자신의 HREF는 #로 설정 얻을이

jQuery(document).ready(function($) { 
     $("a").each(function() { 
      var href_value = $(this).attr('href'); 
      if (/\.(jpg|png|gif)$/.test(href_value)) { 
       jQuery(this).prop('href', '#'); 
      } 
     }); 
    }); 

Answer 3

이유처럼 this으로 시도하면 jQuery를 사용하는 것입니다 ('a'). prop ('href', '#'); 이미지 링크를 찾으면 jQuery ('a')는 전체 페이지에서 모든 a 태그를 찾습니다.

대신 el 변수를 사용해보십시오. 뭔가 같은 :

이

if (/\.(jpg|png|gif)$/.test(href_value)) { 
    jQuery(el).prop('href', '#'); 
} 

Answer 4

는 아래의 코드를 시도

el.href="#"; 

http://jsfiddle.net/Q3Zwh/3/