JavaScript——正则禁止匹配多个字符

最新推荐文章于 2024-05-07 16:45:26 发布

大个个个个个儿

最新推荐文章于 2024-05-07 16:45:26 发布

阅读量162

点赞数

本文链接：https://blog.csdn.net/qq_40269801/article/details/130147008

版权

正则表达式专栏收录该内容

25 篇文章 0 订阅

订阅专栏

let str = 'haaa'
console.log(str.match(/ha+?/));//['ha'  +?禁止匹配多个
console.log(str.match(/ha*?/));//['h',   *?倾向于0个
console.log(str.match(/ha{1,10}?/))//['ha'  向小的方向匹配
console.log(str.match(/ha{1,}?/))//['ha'  向小的方向匹配
console.log(str.match(/ha?/))//['ha'  ?本身就是0或者1个
console.log(str.match(/ha??/))//['h'  ??就是0个

需求：span变h4 描红内容前面加上佳佳

<div>
    <span>jiasdgs.com</span>
    <span>jisdfsajia.cn</span>
    <span>jiasgasjia.otg</span>
  </div>

let divContent = document.querySelector('div');
let reg = /<span>([\s\S]+?)<\/span>/gi;
  divContent.innerHTML = divContent.innerHTML.replace(reg,(v,p1)=>{
  console.log(v,p1);
  return `<h4 style="color:red">佳佳${p1}<\/h4>`
})