Javascript / JQuery заменить текст удаляет форматирование Div

Question

Javascript / JQuery заменить текст удаляет форматирование Div

0

JS

$('.msgln').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('Admin', 'sys-admin')); 
});

HTML

<div class='msgln'><b>Admin</b>:<i> Chat cleared</i><br></div>

Замена класса '.msgln' удаляет форматирование (жирным шрифтом, курсивом и т.д.). Как я могу это решить?

Kevin T. 20 сен. 2013, в 05:34

Источник

Теги:

javascript

jquery

html

replace

3 ответа

Ещё вопросы

anupam · Answer 1 · 2013-09-20T02-01-00.000Z

Я согласен с так называемым базовым решением. Здесь моя версия с небольшим обновлением, так как вы можете иметь тег, представленный в других частях HTML с классом msgln. Как насчет следующего?

HTML

<div class='msgln'><b><span class="username">Admin</span></b>:<i> Chat cleared</i><br></div>

JS

$('.msgln span.username').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('Admin', 'sys-admin')); 
});

Arun P Johny · Answer 2 · 2013-09-20T01-12-00.000Z

Это может происходить из-за того, что правила CSS для bold, italcs etc Могут быть определены для класса msgln, поэтому после удаления класса связанные с ним правила CSS также будут удалены.

Решение состоит в том, чтобы добавить еще один класс, где определены одни и те же правила CSS

allenhwkim · Answer 3 · 2013-09-20T00-40-00.000Z

Как сказано здесь, http://api.jquery.com/text/#text2, он заменяет весь внутренний html заданным текстом.

Вам нужно перейти к элементу с текстом, который вы хотите заменить. В вашем случае это будет .msgln b

$('.msgln b').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('Admin', 'sys-admin')); 
});