关于js正则匹配问题

Question

let str = '<span>我是小s</span><span class="show">s</span>' 

不匹配标签里的s和类名为show的标签内容s？
结果：只找出“我是小s”中的“s”

Answer 1

str.match(/<[a-zA-Z]+.*?>([\s\S]*?)<\/[a-zA-Z]*?>/g)

Answer 2

const reg = />[^<]*s[^<]*</g

const result = '<span>我是小s</span><span class="show">s</span>'.match(reg)
console.log(result)

const result2 = '<span>我是小sfo</span><span class="show">s</span>'.match(reg)
console.log(result2)

const result3 = '<span>sfo</span><span class="show">s</span>'.match(reg)
console.log(result3)

我也写写我的思路

[ '>我是小s<', '>s<' ]
[ '>我是小sfo<', '>s<' ]
[ '>sfo<', '>s<' ]

有点尴尬，没有去掉“>”“<”,你自己分个组捕获吧

Answer 3

这么复杂的字符串匹配正则表达式：写起来难，自测也很难完善，尤其后期维护更困难。其他同事如果看到这个正则表达式估计心里先来句“我艹，这坨啥意思”。

还是想想有没有其他方案吧，比如可以借助document的能力：

// 以jQuery为例
var result = $('<span>我是小s</span><span class="show">s</span>')
.filter((i, span) => {
    return span.innerText.trim() !== 's'
})
.text();

// 我是小s
console.log(result)