javascript - 使用 jQuery 从 href ="tel:"属性中删除无效字符

Question

我有一个 HTML5 电话链接:

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

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

我希望 href 属性像这样编写，以便它与所有移动设备兼容:

<a href="tel:+441234567890">

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

Answer 1

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

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

Demonstration

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

• \(0\) : "(0)"带括号转义
• |:或
• \s+ :至少一个空格

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

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