javascript - 正则表达式不替换 JS 中的文本

Question

我有具体的代码:

<script>

$.fn.revert = function(){
return this.each(function() {
var txt = $(this).html().replace(/<span class="gradientizer-done" style='color:rgb\(\d{1,3},\d{1,3},\d{1,3}\)>.<\/span>/g,'');
$(this).html(txt);
});
};

</script>

这段代码:

<p class="grad2" one="ffffff" second="000000">
<span class="gradientizer-done" style="color:rgb(255,255,255)"> </span>
<span class="gradientizer-done" style="color:rgb(219,219,219)">H</span>
<br>
<span class="gradientizer-done" style="color:rgb(109,109,109)">l</span>
</p>

基本上，恢复功能旨在更改所有 gradientizer-done类到文本，也就是说，我期望在 $(".grad2").revert() 上运行恢复时得到以下结果:

<p class="grad2" one="ffffff" second="000000">
 H<br>l</p>

但我发现 <p></p> 没有任何变化

Answer 1

您在 style= 属性后面放置了单引号而不是双引号，并且您忘记在 style 属性末尾放置双引号。

$(this).html().replace(/<span class="gradientizer-done" style="color:rgb\(\d{1,3},\d{1,3},\d{1,3}\)">.<\/span>/g,'');
                                                              ^                                    ^