Замена текста на странице?

Question

[Mesuti]

Привет!
Как заменить последние 4 цифры телефона в различных областях страницы в различных тегах на XX-XX?
При клике на XX-XX показывается изначальный номер?
p.s. Это, например, статические данные из генератора сайтов, где нельзя указать html атрибуты

Comments

[Андрей Федоров]

я бы сделал data- атрибут для номера, а изначальный текст сделал +7 999 888-ХХ-ХХ. По клику подставлял номер из дата-атрибута.

[Mesuti]

Андрей Федоров, данные из конструктора сайтов.
Там нет редактора html. Только текст

[Андрей Федоров]

Mesuti, а как вы определите, что внутри конкретного тега содержится номер телефона?

[Mesuti]

Андрей Федоров, телефон может быть в любом месте. В песочнице указал для примера в нескольких тегах

[Андрей Федоров]

Mesuti, ну тогда вам придется на js так или иначе искать внутри body номера телефонов и уже их обрабатывать. В принципе вам уже ответили.

Answer 1

[Павел Корнилов]

Можно, конечно, доработать поиск текстовых нодов с цифрами, но это - не правильная верстка.
Данный подход также позволяет маскировать номера от ботов-собирателей баз.

Comments

[Mesuti]

Спасибо за ответ!
data атрибут нельзя установить ввиду того, что это генератор сайтов.
то есть неизменяемый html.

*да, конечно это не защитит, но в целом решение можно применять не только для телефонов

[Павел Корнилов]

Mesuti, тогда грубо-коряво так:

Но я терпеть не могу такие костыли.

[Павел Корнилов]

Mesuti, ну и если довести это извращение до логического конца, то

[Mesuti]

Павел Корнилов, спасибо за интересное решение!

[Павел Корнилов]

Mesuti, на здоровье!
Но лучше уходите с этого хостинга =)

Answer 2

[Никита Михайлов]

Почему именно такой подход? Разные форматы, разные места. При этом их даже класс не объединяет?

Comments

[Mesuti]

В этом и сложность =)
Интересно решение

[Никита Михайлов]

Можешь попробовать сделать регуляркой.

Например: (\+\d\s?\d{3}\s?\d{3}-?)(\d{2}-?\d{2})

Замени с её помощью во всех номерах последние цифры. Одновременно с этим оборачивай такие строки в span с классом. При клике на этот спан уже показывай нужные цифры

[Mesuti]

Никита Михайлов, спасибо за ответ. Попоробую сделать