JS正则高效提取HTMLdiv属性值与内容

标题2

标题3

解决方案：JavaScript正则表达式可以高效解决此问题。以下代码演示如何使用正则表达式匹配并提取所需信息：

let html = '<div class="template_content" data-template="template1">...</div><div>内容1aaa</div><div>内容1bbb</div>...<h3>标题1</h3><div class="template_content" data-template="template2">内容2</div><h3>标题2</h3><div class="template_content" data-template="template3">内容3</div><h3>标题3</h3><div class="template_content" data-template="template4">内容4</div>';
let rule = /<div class="template_content" data-template="([^"]*)">([^<]*)<\/div>/g;
let data = [];
let match;
while ((match = rule.exec(html)) !== null) {
  data.push([match[1], match[2]]);
}
console.log(data);

这段代码首先定义了一个正则表达式rule，它匹配

理论要掌握，实操不能落！以上关于《JS正则高效提取HTMLdiv属性值与内容》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！