使用jQuery将图像链接更改为“＃”

我验证图像路径，无论它是图像路径还是其他路径。如果是图片，则将特定的href值替换为#但＃值会影响所有链接。我怎样才能更换图像链接到#使用jQuery将图像链接更改为“＃”

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

任何建议将是巨大的。

来源

2013-08-16 Vignesh Pichamani

'的jQuery（EL）.prop（ 'HREF'， '＃'）;'，而不是'的jQuery（'一'）.prop（'href'，'＃'）;' – davidkonrad

使用这

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

或

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

来源

2013-08-16 10:49:25 s4ty

听起来不错！它像魅力一样工作 –

与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', '#'); 
      } 
     }); 
    });

来源

2013-08-16 10:51:42 Gautam3164

+1感谢您的回应。 –

的原因，所有环节得到他们的href设置为＃是你使用jQuery （'a'）。prop（'href'，'＃'）;当你找到一个图像链接。 jQuery（'a'）查找整个页面中的所有标签。

尝试使用您的el变量。喜欢的东西：

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

来源

2013-08-16 10:53:53 hermansen

+1感谢您的回复。 –

尝试下面的代码

el.href="#";

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

来源

2013-08-16 10:54:21 rps

+1感谢您的回复。 –

使用jQuery将图像链接更改为“＃”

回答

相关问题