如何匹配HTML标签里面的class类名？

Question

应用场景
我希望能够高亮自定义的一些类名，但是无法区分出不在clasName内部还是外部

代码示例：

var str = 'className="aic jcc" jcc';
str.match(/(?<=(class.*))\b(aic|jcc)\b/g) // ["aic", "jcc", "jcc"]

我只希望匹配到 className 内部的 aic和jcc

Answer 1

效果：

正则：

Answer 2

2021/04/11

我觉得可以分多次处理

str.replaceAll(/class\w*?={?[`"'](.*?)[`"']}?/g, s => s.replace(/\b(aic|jcc)\b/g, s => `@@${s}@@`))

---

/(?<=class\w*?={?[`"'].*?\b)(aic|jcc)(?=\b.*?[`"']}?)/g

自认为覆盖了大多数奇怪的地方了