javascript - jQuery:在特定元素处分割字符串

Question

我正在创建一个 read more function.* 我想在 <span id="more-NUMBER"></span> 处分割我的 html 代码发生。然后我想移动之前和之后的部分。

我遇到的问题是以一种可以解释 id 中放置的数字的方式编写正则表达式。这就是我要开始的内容:

var text = jQuery('p').html().split('<span id="more-/\d+/"></span>');
text[0].appendTo('.red-text');
text[1].appendTo('.blue-text');

这是一个入门 fiddle :https://jsfiddle.net/samwisegrangee/r8c4urht/

*之前我们的 WordPress 网站使用 <!--more--> 时，我有一个可以工作的功能。评论创建 read more 。您可以在此处查看该解决方案:https://codepen.io/samwisegrangee/pen/aWGJOO

Answer 1

首先，正则表达式由正斜杠 ( /.../ ) 而不是引号表示。其次，在正则表达式中，您需要转义 </span> 中的反斜杠。 .

/<span id="more-\d+"><\/span>/

这还不是全部。您的附加也不起作用，所以这里是一些最终更正的代码:

var regex = /<span id="more-\d+"><\/span>/;
var text = jQuery('.featured-text p').html().split(regex);
jQuery('.red-text').html(text[0]);
jQuery('.blue-text').html(text[1]);

<强> DEMO