jquery - 使用 jQuery 选择段落中的所有标点符号并为其分配一个类？

Question

我想更改段落中标点符号(和其他符号)的颜色。我有这样的东西:

"Hello I'm a web & graphic designer."

我想要得到这样的东西:

"Hello I<strong class="highlighted">'</strong>m a web
<strong class="highlighted">&</strong> graphic designer
<strong class="highlighted">.</strong>"

有什么建议吗？

Answer 1

您可以通过正则表达式替换来做到这一点:

txt = $('#the-paragraph').text();
txt = txt.replace(/(['&.e])/g,"<span class=\"highlighted\">$1</span>");
$('#the-paragraph').html(txt);

请参阅此处的实际示例:http://jsfiddle.net/KcyEs/1/