jQuery：特定の要素で文字列を分割する

Question

read more関数を作成しています。* <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'); 

ここスターターはフィドルです：https://jsfiddle.net/samwisegrangee/r8c4urht/

私は私達のWordpressのサイトはread moreを作成する<!--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

Answer 2

ID = "より -/\ D + /"

バックスラッシュはエスケープ文字です。したがって、\"は、/"ではありません。 more-/の/は何と書かれていますか？

Working demo。