功能：找到含有某种class的标签，并替换相关的内容

原创于 2016-06-24 16:54:26 发布 · 926 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文通过一个简单的JavaScript示例展示了如何使用正则表达式在HTML元素中查找并替换指定文本。示例中将所有出现的“测试”字样替换成带有红色高亮显示的“fuck”。该过程涉及获取DOM元素、迭代每个元素并进行文本替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*HTML*/
  <p class="class">测试文字测试文字测试文字测试文字 测试文字测试文字测试文字</p>
  <p class="class">测试 文字 测试文字</p>
/*JS*/
    var $class = $('.class');
    var $classLength = $class.length;
    var replaceReg = new RegExp("测试","g");
    var replaceTo = '<em style="color:red;">fuck</em>';

    for(var i=0;i<$classLength;i++){
      $class.eq(i).html($class.eq(i).text().replace(replaceReg,replaceTo));
    }