Поиск номеров телефонов в div через JS и сделать их ссылками

0
164
Предположим есть верстка html, где нужно все номера телефонов сделать ссылками и добавить к каждой ссылке класс:  
<div class="phones">
<ul>
<li>+375007778899</li>
<li>+375007778822</li>
<li>+375007778811</li>
</ul>
</div>
  Выполним скрипт js с использование jQuery:
jQuery(document).ready(function($) {
$('.phones').html( $('.phones').html().replace(/(\+\d+)/g,'<a class="phone" href="tel:$1">$1</a>') );
});
  После выполнения скрипта верстка будет иметь вид:  
<div class="phones">
	<ul>
		<li><a class="phone" href="tel:+375007778899">+375007778899</a></li>
		<li><a class="phone" href="tel:+375007778822">+375007778822</a></li>
		<li><a class="phone" href="tel:+375007778811">+375007778811</a></li>
	</ul>
</div>
  Такой способ выделения номеров телефонов ссылками подойдет в случае, если эти номера телефонов находятся в описании среди прочего текста. Например, в заполненных ранее контент-менеджером информационных страницах.  

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here