Замените некоторые слова в HTML и измените фон с помощью JS

Question

Замените некоторые слова в HTML и измените фон с помощью JS

0

Я сделаю какой-то фильтр: замените некоторые плохие слова и изменим цвет фона с помощью JavaScript. У меня есть это:

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, 'CENZURA');  
    });
});

но я не знаю, как изменить цвет фона там, где я изменил плохие слова.

henio180 29 март 2014, в 17:07

Источник

Теги:

javascript

jquery

css

html5

5 ответов

1

Попробуйте это, просто нажмите css()

$(document).ready(function () {
    $('body').html(function(i, v) {
        $('body').css("background", "#eee"); 
        return v.replace(/brzydkie/g, 'CENZURA');  
    });
});

Изменить 1:

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

.hightlight{
   background: #f00;
}

И затем вы добавляете span к словам с этим классом, слово будет иметь фон автоматически.

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, '<span class="highlight">CENZURA</span>');  
    });
});

simongcc 29 март 2014, в 13:35

0

но я буду менять фон только там, где меняю плохие слова.
henio180 29 март 2014, в 15:23
0

Я добавил решение, чтобы удовлетворить ваши потребности в ответе.
simongcc 30 март 2014, в 02:41

0

CSS

.badwords { background-color:yellow; }

JS

  var badwords='<span class="badwords">CENZURA</span>';
   $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, badwords);  
    });

Я думаю, что вы имеете в виду.. (?) - изменить цвет фона текста, который вы заменили?

Rob Sedgwick 29 март 2014, в 14:20

0

да;) я сделаю это
henio180 29 март 2014, в 15:38
0

извиняюсь - ! только что видел это уже ответил @ user1153551
Rob Sedgwick 29 март 2014, в 15:38

0

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, 'CENZURA');  
    });
    $('body').css('background','#ff0000')
});

Здесь вы можете увидеть его работу: http://jsfiddle.net/bKKu3/

ArjanSchouten 29 март 2014, в 14:03

0

но я буду менять фон только там, где меняю плохие слова.
henio180 29 март 2014, в 15:25

0

Просто

document.body.style.background = COLOR_HERE;

Wazzaps 29 март 2014, в 13:41

0

но я буду менять фон только там, где меняю плохие слова
henio180 29 март 2014, в 15:24

Ещё вопросы

но я буду менять фон только там, где меняю плохие слова.
Я добавил решение, чтобы удовлетворить ваши потребности в ответе.
извиняюсь - ! только что видел это уже ответил @ user1153551
но я буду менять фон только там, где меняю плохие слова.
но я буду менять фон только там, где меняю плохие слова

Jay Patel · Accepted Answer · 2014-03-29T13-04-00.000Z

Проверьте demo jsFiddle

JQuery

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, '<span style="background-color:yellow;">CENZURA</span>');  
    });
});