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

最新推荐文章于 2023-08-10 09:09:27 发布

原创最新推荐文章于 2023-08-10 09:09:27 发布 · 944 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

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

/*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));
    }