jQuery изменить весь экземпляр текста на HTML

Question

jQuery изменить весь экземпляр текста на HTML

0

Например, у меня есть текст, который похож на {Lorem} всем DOM. Как мне изменить все экземпляры

<p>Lorem ipsum dolor imet</p>?

Я пробую это:

var loremReplace = '<p>Lorem ipsum dolor imet</p>';
var content = $('body').html().replace(/\{Lorem\}/g, loremReplace);
$('body').html(content);

Но, очевидно, я делаю что-то неправильно, потому что он не работает. Кроме того, как мне это сделать, если {Lorem} существует вне <body>, например, в <head>?

user3047675 19 апр. 2014, в 17:09

Источник

3

Работает нормально: jsfiddle.net/XrVSv
Bram Vanroy 19 апр. 2014, в 14:47
0

Это именно то, для чего были созданы регулярные выражения, нет лучшего способа, чем просто анализ HTML и замена строк во всем документе. Вы на месте, отличное решение.
adeneo 19 апр. 2014, в 15:04
0

Хорошо, теперь, когда я это вижу, он работает как задумано. Я подумал, что это конфликтует с другими скриптами на странице, хотя. Другие скрипты - это плагины, которые тоже манипулируют DOM. Как мне сделать так, чтобы это не влияло на других? Либо заставить его загружаться раньше других, либо загружать после того, как другие сделали свою работу?
user3047675 19 апр. 2014, в 15:27
0

Хорошо, ничего страшного. $(window).load() добился $(window).load() .
user3047675 19 апр. 2014, в 15:37

Показать ещё 2 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Это именно то, для чего были созданы регулярные выражения, нет лучшего способа, чем просто анализ HTML и замена строк во всем документе. Вы на месте, отличное решение.
Хорошо, теперь, когда я это вижу, он работает как задумано. Я подумал, что это конфликтует с другими скриптами на странице, хотя. Другие скрипты - это плагины, которые тоже манипулируют DOM. Как мне сделать так, чтобы это не влияло на других? Либо заставить его загружаться раньше других, либо загружать после того, как другие сделали свою работу?
Хорошо, ничего страшного. $(window).load() добился $(window).load() .

pablopixel · Accepted Answer · 2014-04-19T12-49-00.000Z

Вам действительно не нужно обрезать фигурные скобки в функции замены:

var loremReplace = '<p>Lorem ipsum dolor imet</p>';
var content = $('body').html().replace(/{Lorem}/g, loremReplace);
$('body').html(content);

Для того, чтобы заменить выражение внутри головы, вы можете просто выбрать head тег и выполнить с body:

var headReplace = 'Lorem ipsum dolor imet';
var headContent = $('head').html().replace(/{Lorem}/g, headReplace);
$('head').html(headContent);

Смотрите это в действии: http://jsbin.com/meqicuto/2/edit

Эй, чувак, спасибо за головы с фигурными скобками и head частью. Похоже, проблема была в том, что она конфликтовала с другими сценариями. Решил это с помощью $(window).load()