jQuery: Split String at certain element

Question

I'm creating a read more function.* I want to split my html code at the point where  happens. Then I want to move the before and after sections.

The problem I'm running into is writing the regex in a way that can account for the numbers placed in the id. Here's what I'm starting with:

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

Here's a starter Fiddle: https://jsfiddle.net/samwisegrangee/r8c4urht/

*I had one that worked previously when our Wordpress site used a  comment to create a read more. You can view that solution here: https://codepen.io/samwisegrangee/pen/aWGJOO

split(''); That's not a regEx.. it's just a string. — Keith
– Keith, Commented Aug 24, 2017 at 19:31
Is there a way to make my .split() happen regardless of the number in that string? — Samuel Granger
– Samuel Granger, Commented Aug 24, 2017 at 19:33

Andy · Accepted Answer · 2017-08-24 19:44:36Z

1

First, a regular expression is denoted by forward slashes (/.../) rather than quotes. Second, in the regex you would need to escape the backslash in .

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

That's not quite all. Your appends aren't working either, so here's some final corrected code:

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

edited Aug 24, 2017 at 19:44

answered Aug 24, 2017 at 19:34

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

linden2015 · Accepted Answer · 2017-08-24 19:32:09Z

0

id="more-/\d+/"

Backslash is the escape character. So \" not /". What is the / in more-/ supposed to do?

Working demo.

answered Aug 24, 2017 at 19:32

linden2015

8877 silver badges9 bronze badges

1 Comment

Samuel Granger Over a year ago

The "more-" is just the constant part of the id. The number changes but it will always start off with more-.

Collectives™ on Stack Overflow

jQuery: Split String at certain element

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related