使用jQuery从href =“tel:”属性中删除无效字符

时间:2014-06-04 13:42:35

标签: javascript jquery html5 href tel

我有一个HTML5电话链接:

<a href="tel:+44 (0) 1234 567 890">

目前,href属性是从CMS中的字段获取数据,我无法编辑。我知道数字格式不正确,因为电话链接在点击/点击时会导致错误页面。

我希望将href属性写成这样,以便与所有移动设备兼容:

<a href="tel:+441234567890">

如何使用jQuery从(0)属性中删除空格和href字符?

2 个答案:

答案 0 :(得分:4)

您可以使用它来修复href以tel:开头的所有链接:

$('a[href^="tel:"]').attr('href', function(_,v){
    return v.replace(/\(0\)|\s+/g,'')
});

Demonstration

这使用replace函数,以regular expression为参数。我使用的正则表达式可以这样理解:

  • \(0\):&#34;(0)&#34;括号转义
  • |:或
  • \s+:至少一个空格

正则表达式末尾的g标志使其不止一次应用。

因此它用空字符串替换(0)或空格。

答案 1 :(得分:2)

var l=$("a[href^='tel:']");
l.attr("href",l.attr("href").replace(/\s+/g,'').replace("(0)", ""));

DEMO