如何用jquery把括号里面的文本更改颜色

JavaScript 发布时间:2023/06/09 阅读量:761 来源:优尚设计
用jquery遍历<div class="content"></div>里的文本,先清除内容原有的<span style=""><span>样式,然后再把【】里面的文本颜色更改为红色,()里面的文本更改为蓝色
$('.content').each(function() {
  var content = $(this).html(); // 获取内容
  var newContent = content.replace(/<span style=".*?">(.*?)<\/span>/g, '$1'); // 清除内容原有的样式
  newContent = newContent.replace(/\【(.*?)\】/g, '<span style="color:red;">【$1】</span>'); // 使用正则表达式匹配【】里的文本,并更改为红色
  newContent = newContent.replace(/\((.*?)\)/g, '<span style="color:blue;">($1)</span>'); // 使用正则表达式匹配()里的文本,并更改为蓝色
  $(this).html(newContent); // 更新内容
});

 

文章标签:
微信
网站定制咨询 网站定制咨询