jQuery+Regex: Need help in creating regex

Question

I have a website that I'd like to remove some content using jQuery.

I'd like to find anything in my content with this opening symbol [ and closing symbol ] and delete them both including the content in between them.

To be clear, this is actually a Shortcode format from WordPress. And some examples of them include

[cudazi_column width='6' class='alpha' ]
[cudazi_column_end]
[cudazi_column width='6' class='omega' ]
[cudazi_slider slide_delay="4000" slide_effect="slide" categories="home" ]

I want to be able to remove these from the content using jQuery

Can anyone point me in the right direction?

I have used this script in the past for another project and was wondering if I could use it again if I managed to get the right regex

$(".content").html(function(i,o){
  return o.replace( /@[0-9:\s]+(am|pm)/ig, '' );
});

TH̘Ë͖́̉ ͠P̯͍̭O̚N̐Y̡ H̸̡̪̯ͨ͊̽̅̾̎Ȩ̬̩̾͛ͪ̈́̀́͘ ̶̧̨̱̹̭̯ͧ̾ͬC̷̙̲̝͖ͭ̏ͥͮ͟Oͮ͏̮̪̝͍M̲̖͊̒ͪͩͬ̚̚͜Ȇ̴̟̟͙̞ͩ͌͝S̨̥̫͎̭ͯ̿̔̀ͅ — adeneo
– adeneo, Commented Dec 21, 2013 at 19:03
That post only applies if you're actually trying to parse complex content in a meaningful way. It does now apply to removing a limited number of syntactically similar tokens such as these. — clansaur
– clansaur, Commented Dec 21, 2013 at 19:04
It is possible but there is a lot of room for error. For example if you include an intentional reference wrapped in those characters such as "The pony he comes [1]", it will also be removed. — clansaur
– clansaur, Commented Dec 21, 2013 at 19:09

Bryan Elliott · Accepted Answer · 2013-12-21 19:08:34Z

2

The regex to match the string(s) in your description above would be:

/(\[.+\])/

So yes, you could do this:

$(".content").html(function(i,o){
  return o.replace( /(\[.+\])/g, '' );
});

answered Dec 21, 2013 at 19:08

Bryan Elliott

4,0852 gold badges24 silver badges24 bronze badges

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

Comments

anw · Accepted Answer · 2013-12-21 19:16:36Z

1

Since [ ] get used to for character ranges in regex (eg: [a-z] for all lower case characters) you need to quote them like:

\[

Both for the opening and closing square brackets:

\[ \]

In between them you want to match everything that is NOT a closing angle bracket:

[^\]]*

means one or multiple times. If you would want to keep [] you would use + instead of *

So the later middle part between the start / finish matches you end up with:

\[[^\]]*\]

and of course you'll need / around them:

/\[[^\]]*\]/

and you end up with:

$(".content").html(function(i,o){
  return o.replace(/\[[^\]]*\]//ig, '' );
});

answered Dec 21, 2013 at 19:16

anw

1602 bronze badges

1 Comment

Iwani Khalid Over a year ago

Thank you so much for this and also a step-by-step explanation. I hope I can write simple regex myself in the future so thanks for this really cool explanation!

Collectives™ on Stack Overflow

jQuery+Regex: Need help in creating regex

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related