JSFiddle - React, Tailwind, and code Playground

by fest1val

HTML

<div>
			<a href="javascript:;" class="phone_number">+7 (495) 118-26-47</a> <span class="phone_show">Показать</span>
	</div>

	<div>
			<a href="javascript:;" class="phone_number">+7 (495) 118-35-85</a> <span class="phone_show">Показать</span>
	</div>

JavaScript

$(function() {
	var phone_number = $('.phone_number');
	var button = $('.phone_show');
	var symbolsForHide = 10;
	var numbersArray = [];
	var i = 0;
	
	phone_number.each(function() {
		var number = $(this).text();
		numbersArray.push(number);
		$(this).attr('data-i', i).text(number.replace(new RegExp('(.+).{'+symbolsForHide+'}$'),"$1"+'...'));
		i++;
	});

	button.click(function() {
		var self = $(this);
		var numberBox = self.parent().find('.phone_number');
		var id = numberBox.attr('data-i');
		numberBox.attr('href', 'tel:' + numbersArray[id]).text(numbersArray[id]).next().remove();
	});
})