Wrap <a> Tag rund um die Telefonnummer mit Jquery

Question

ich eine Seite mit AJAX geladen und möchte JQuery verwenden für Telefonnummern (deren Format 555.555.5555) auf der geladenen Seite und wickeln Sie sie mit tel Links zu suchen:

<a href="tel:phone-number-here"> </a> 

Ich kenne die Teile, die ich dazu brauche (denke ich): Regex und. Ich bin mir nicht sicher, wie ich sie mit dem Code, den ich habe, zusammensetzen kann. Ich bin mir auch nicht sicher, wie ich Jquery dazu bringen kann, gefundene Nummern zu behalten und sie in die Tel-Links einzufügen. Würde ich jedes und $ (this) mit Variablen verwenden müssen?

Hier ist der Regex ich für die Identifizierung von 7 - 10 Ziffern gefunden. Ich will es verschiedene Trennzeichen, falls offen lassen unsere Website stoppt Perioden in der Zukunft mit:

^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:\(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*\)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})(?:\s*(?:#|x\.?|ext\.?|extension)\s*(\d+))?$ 

Und hier ist der Code, den ich mit jeder Seite laden:

$(".services").click(function(){ 
    var loadUrl = "http://www.example.com";  
    $("#content").html(ajax_load).load(loadUrl + " #content"); 
}); 

Jede mögliche Hilfe geschätzt werden.

Answer 1

This question zeigt Ihnen, wie Sie alle Elemente auf einer Seite mit einer bestimmten Zeichenfolge erhalten. Sie könnten wahrscheinlich auch eine Regex verwenden. Dann könnten Sie String-Ersatz mit Ihrem Regex für alle gefundenen Elemente tun.