javascript 正则表达式来拆分<p> ×</p>

Question

我想按每个 p 标签分割一个 HTML 字符串，所以我得到以下数组：

array{
 '<p>my text</p>',
 '<p>my text2</p>',
 ...
}

这是我尝试过的：

array = articleContent.split(/<p>|(?=<\/p>)/g);

但结果是：

array{
 '</p><p>my text',
 '</p><p>my text2',
 ...
}

Answer 1

你可以这样做！

const re = /\<p>.*?<\/p>/g; //check anything that start/end with tag
const article = "<p>lorem</p> asteroids <p>Ipsum</p>";
const matches = article.match(re); //get the matches
var r = Array.from(matches); //create an array from matches!
console.log(r); // CHECK OUT!

Answer 2

尝试使用以下正则表达式。 如果您可以使用示例数据更新您的问题，那就太好了。

/(<p>[A-Za-z\\s0-9]+<\\/p>)/g

检查这里的输出。

Answer 3

这个：

/<p>(.*)<\/p>/g.exec('<p>my text</p>')[1];

返回：

"my text"

Answer 4

你可以去

/<p\b.*?<\/p\b[^>]*>/g

它将匹配初始标记以及直到结束标记的所有内容（包括属性）。 当然......如果你有嵌套的标签，你就完蛋了。

像这样获取每场比赛：

 var str='<p style="border:1px solid #000">First paragraph with a border</p> is my <p style="color:red">Next paragraph in red</span></p>', re = /<p\\b.*?<\\/p\\b[^>]*>/g, m, resultingArray = []; while (m = re.exec(str) ) { resultingArray.push(m[0]); } document.write(resultingArray.join('--------------------') + '<br/>');