黄冈渭虐大药房有限公司

如何用jquery把括號里面的文本更改顏色

JavaScript 發(fā)布時間:2023/06/09 閱讀量:1308 來源:優(yōu)尚設(shè)計
用jquery遍歷<div class="content"></div>里的文本,先清除內(nèi)容原有的<span style=""><span>樣式,然后再把【】里面的文本顏色更改為紅色,()里面的文本更改為藍色
$('.content').each(function() {
  var content = $(this).html(); // 獲取內(nèi)容
  var newContent = content.replace(/<span style=".*?">(.*?)<\/span>/g, '$1'); // 清除內(nèi)容原有的樣式
  newContent = newContent.replace(/\【(.*?)\】/g, '<span style="color:red;">【$1】</span>'); // 使用正則表達式匹配【】里的文本,并更改為紅色
  newContent = newContent.replace(/\((.*?)\)/g, '<span style="color:blue;">($1)</span>'); // 使用正則表達式匹配()里的文本,并更改為藍色
  $(this).html(newContent); // 更新內(nèi)容
});

 

文章標簽:
微信
網(wǎng)站定制咨詢 網(wǎng)站定制咨詢