jQueryで電話番号のリンクを外す方法

2022年2月22日

<a href="tel:0120...">0120-xxx-xxx</a>

と記述すると、電話を掛けるリンクになります。
しかしPCでは不要なリンクなので、aタグを外す方法をご紹介します。

$.each($('a[href^="tel:"]'),function(){
$(this).replaceWith($(this).text());
});

もしモバイルで分ける場合は、以下のような形が良いと思います。

if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
　　$.each($('a[href^="tel:"]'),function(){
　　$(this).replaceWith($(this).text());
});
}

これを入れるだけで、PC版ではリンクが外れます。