使用jQuery将Image Link更改为“#”

时间:2013-08-16 10:47:40

标签: javascript jquery image href prop

我验证图像路径是图像路径还是其他路径。如果是图像,则将特定的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

任何建议都会很棒。

4 个答案:

答案 0 :(得分:2)

使用

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

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

答案 1 :(得分:1)

尝试this这样的

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

答案 2 :(得分:1)

所有链接将其href设置为#的原因是你使用jQuery('a')。prop('href','#');当你找到一个图像链接。 jQuery('a')在整个页面中找到所有的a-tags。

尝试使用el变量。类似的东西:

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

答案 3 :(得分:1)

尝试以下代码

el.href="#";

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