js或jQuery如何筛选指定文字

 比如说<span class="text">这是一段测试文字，我要怎么修改颜色</span>

我想要用js或jQuery把这个类中的《测试》和《修改》这两个词改成红色字体， 要怎么修改？ 在不知道长度的情况下， 只知道这个类中有这两个词。 望大神赐教

替换

 <span class="text">这是一段测试文字，我要怎么修改颜色</span>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<script>
    $('span.text').html(function () { return this.innerHTML.replace(/(测试|修改)/g, '<font color=red>$1</font>') })
</script>