Как найти совпадение на странице и заменить с помощью javascript / jquery?

Question

[Роман Говоров]

Я написал следующий код, но он ломает мне другие скрипты в контенте, да и вообще не совсем правильно все сделал, но выполняет то что нужно:

$("#content").each(function() {
    var setCookie = unescape((RegExp('cityUser=([^;]+)').exec(document.cookie) || [1, ''])[1]);
    var text = $(this).html();
    if (setCookie == 'Калининград'){
        text = text.replace("8 [phone]", "8 [phone]");
    }else if(setCookie == 'Санкт-Петербург'){
        text = text.replace("8 [phone]", "8 [phone]");
    }
    $(this).html(text);
});

И вот так делал, ну это одно и то же но все же:

var setCookie = unescape((RegExp('cityUser=([^;]+)').exec(document.cookie) || [1, ''])[1]);
var text = $('#content');
if (setCookie == 'Калининград'){
    var replaced = text.html().replace("8 [phone]", "8 [phone]");
}else if(setCookie == 'Санкт-Петербург'){
    var replaced = text.html().replace("8 [phone]", "8 [phone]");
}
text.html(replaced);

Comments

[Алексей Ярков]

Я написал следующий код, но он ломает мне другие скрипты

Сочувствую. Другие скрипты нам самим написать, чтобы ошибку увидеть, или вы покажете?

[Роман Говоров]

Алексей Ярков, в контейнере #content бывают кастомные скрипты для калькуляторов на сайте, и если мы скриптом берем всю страницу , вносим изменения и вставляем обратно, скрипты тех кальков не работают.

Сложно будет на примере показать.

[Алексей Ярков]

Роман Вопроскин,

и если мы скриптом берем всю страницу , вносим изменения и вставляем обратно, скрипты тех кальков не работают.

Ну так само собой =) Вы же таким образом все обработчики на DOM элементах похерили ))

Answer 1

[Somewhere Intech]

Если в одном контейнере с номером, или у его наследников есть скрипты, то не сработает.
Else =>

var rc = setCookie == "Калининград" ? 4012 : ( setCookie == "Санкт-Петербург" ? 812 : 0),
	rt = "8 [phone]";
if (rc) $(`body *:contains('${rt}')`).each(function(i,el){	
  if (!$(el).find(`*:contains('${rt}')`).length)
  	$(el).html($(el).html().replace(rt, rt.replace("495", rc)))
});