Question

我会制作某种过滤器：使用JavaScript替换一些坏词并更改背景颜色。我有这个：

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

但我不知道如何改变背景颜色，我改变了坏词。

Answer 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;
}

然后你在该类的单词中添加一个跨度，该单词会自动显示背景。

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

Answer 2

检查 demo jsFiddle

的jQuery

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

Answer 3

简单地

document.body.style.background = COLOR_HERE;

Answer 4

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

在这里你可以看到它有效：http://jsfiddle.net/bKKu3/

Answer 5

<强> CSS

.badwords { background-color:yellow; }

<强> JS

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

我认为你的意思是......（？） - 改变你所取代的文字的背景颜色？

替换HTML中的一些单词并使用JS更改背景

5 个答案:

的jQuery