如何按“<p>”的第一个实例分割字符串

Question

在下面的示例中，我需要按第一个实例分割字符串，<p>

因此第一个元素应该是lorem ipsum，第二个元素应该是后面的所有元素

var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";

var start = str.split("<p>:first")[0]; // something like that

console.log(start); // should be `lorem ipsum`

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

splitby 所有"<p>"实例，然后取第一个实例和join其余实例"<p>"，使用解构赋值使事情变得简单，如下所示：let [start, ...rest] = str.split("<p>"); rest = rest.join("<p>");演示：var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";let [start, ...rest] = str.split("<p>");rest = rest.join("<p>");console.log("start: " + start);console.log("rest: " + rest);

Answer 2

制作捕获组之后的所有内容<p>，它将作为另一个项目包含在匹配中：var str = "lorem ipsum<p>dolor sit</p><p>amet</p>";var start = str.split(/<p>(.*)/).filter(Boolean);console.log(start); // should be `lorem ipsum`<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>