Как найти номер телефона и сделать его ссылкой?

Question

[Сёмка Гавриленко]

Добрый день!
Есть html страница. На этой странице есть div.description пример на сайте https://jewlife.by/events/2753/
В этом div написан текст. в этом тексте есть номера телефонов. номер написан в формате [phone]
Надо с помощью js найти этот номер и сделать его ссылкой вида <a href="tel:[phone]">[phone]</a>
Подскажите пожалуйста функцию или готовую библиотеку для решения моей задачи.
Спасибо!

Comments

[Сёмка Гавриленко]

Никита Полевой, в тексте выделить возможности нет. надо именно автоматически выделять

[Сёмка Гавриленко]

Никита Полевой, помимо самого номера там ещё есть текст в div.description

[Сёмка Гавриленко]

Никита Полевой, Извините, не было вопросительного знака, вот и не увидел вопрос.
наполнением сайта будет заниматься человек, который не умеет и не хочет учиться делать ссылки и работать с html, поэтому ищу варианты упрощения процесса наполнения сайта не в ущерб для пользователей

[Kovalsky]

Сёмка Гавриленко, каков наглец этот ваш человек. Написал ответ, но надо тестить его на сайте - возможны ошибки.

[Сёмка Гавриленко]

Никита Полевой, просто как показывает практика, сайтами в маленьких организациях занимаются те, кто понятия не имеет что к чему, например секретарь.
Поэтому приходится изобретать велосипеды и ставить костыли, чтобы конечные пользователи испытывали меньше неудобств.
PS у меня ещё php скрипт приводит ссылки и номера телефонов к заданным стандартам, чтобы с ними потом на клиентской стороне было удобнее работать.

[Kovalsky]

Сёмка Гавриленко, вот к этому PHP скрипту вы можете добавить регулярку которая оборачивает все в ссылку, потом все это вместе запихнуть в фильтр, а фильтр уже прикрутить к соответствующему хуку в Вордпресс.

Answer 1

[Kovalsky]

Тогда так:

$('.description').html( $('.description').html().replace(/(\+\d+)/,'<a href="tel:$1">$1</a>') );

Хотя чаще всего такие правки уже на клиенте приводят к проблемам, лучше такое делать как-нибудь по-другому, например с помощью фильтров Wordpress.

Comments

[Александр]

Никита Полевой, @cema93
Номер телефона нужно всегда обрамлять при верстке. Пусть пользователь сам разбирается, нужна ли ему эта ссылка или нет.
Использование js для решения подобной задачи - это априори костыль, появление которого нужно избегать. К тому же, некоторые браузеры сами пытаются оборачивать телефон в ссылку. Может получиться двойная ссылка, которую css превратит в месиво.

[Kovalsky]

Александр, ага, именно поэтому я сказал что лучше как-нибудь по-другому это делать, например с помощью фильтров вордпрессовых.

[Александр]

Никита Полевой, с WP не работал, поэтому и не понял

Answer 2

[Александр]

Подойдет?

Comments

[Сёмка Гавриленко]

нет, в поле description может быть и другой текст
https://jsfiddle.net/aecoj606/3/