jquery - 使用 jquery 将 css 样式添加到特定文本

Question

如何为 div 中的特定文本或字符添加样式？

<div class="test">blocks of texts here.</div>

我想给“文本”这个词添加颜色，而不使用任何标签(例如 span)将其括起来。提前致谢。

Answer 1

如果不将文本包装到元素中，您将无法做到这一点。但是您可以使用 jQuery 进行包装:

var $test = $('.test').html();
$test = $test.replace(/texts/gi, '<span class="tomato">texts</span>');
$('.test').html($test);

http://jsfiddle.net/r36xjzs7/

虽然这将重新创建整个元素，但效率不高。