特殊正则的匹配方法,匹配关键字,匹配标签 匹配特定标签之外的

1 篇文章 0 订阅

正则的特殊匹配,根据场景变换改动。

//匹配标签带有 class="editDiv_hintText"
 const nickName = /<span class="editDiv_hintText"\/?.+?span>/g
 let str = '<span class="editDiv_hintText">11111111</span>'
 let demo = str.replace(nickName, '222') 
 console.log(demo) //222


//匹配带有关键字 contenteditable="false"
const nickName = /<span contenteditable="false"\/?.+?span>/g
let str = '<span contenteditable="false">11111111</span>'
let demo = str.replace(nickName, '222') 
 console.log(demo) //222

//匹配单个特殊标签
const div = /<div.*?style[ \t]*=[ \t]*"display: inline;".*?>.*?/gim
 let str = '<div style="display: inline;">案列</div>'
  let demo = str.replace(div, '我来了') 
  console.log(demo) //我来了案列</div>
  
//全匹配特殊完整div
const div = /(<div style="display: inline.*?>)[\s\S]*?(<\/div>)/g
let str = '<div style="display: inline;">案列</div>'
let demo = str.replace(div, '我来了') 
console.log(demo) //我来了

//不替换特定标签
const div = /<(?!br|div|\/div|p|\/p|span|\/span).*?>/gi
let str = '<b style="display: inline;">案列</b>'
let demo = str.replace(div, '-') 
console.log(demo) //-案列-

//只替换特殊定标签
 const div = /<(!br|div|\/div|p|\/p|span|\/span).*?>/gi
  let str = '<div>111</div><b>案列</b>'
  let demo = str.replace(div, '-') 
  console.log(demo) //-111-<b>案列</b>

// 匹配整个div
 const div = /<div>.*?<\/div>/g
 let str = '<div>111</div><b>案列</b>'
  let demo = str.replace(div, '-') 
  console.log(demo) //-<b>案列</b>
 
 //匹配所有标签
  var Tag = /<\/?[^>]*>|(\n|\t|\r)/g 
  let str = '<div><b>000</b>111</div>'
  let demo = str.replace(Tag, '-')
  console.log(demo)  //--000-111-
  
//匹配单表签
  var Tag = /<(br)[^>]*>/gi
 // var Tag = /<div[^>]*>/gi // 用于匹配<div>
 // var Tag2 = /<\/div[^>]*>/gi // 用于匹配</div>
  let str = '<div><br/>111</div>'
  let demo = str.replace(Tag, '-')
  console.log(demo)  //<div>-111</div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值