使用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,'')
});

示范

這使用以正則表達式為參數的替換功能。 我使用的正則表達式可以這樣理解：

• \\(0\\) ：帶括號的“（0）”轉義
• | ： 要么
• \\s+ ：至少一個空格

正則表達式末尾的g標志使它多次應用。

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

Answer 2

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

演示