Remove some text in string with jQuery

Question

<td colspan="2" class="ai1ec-time">
    <a class="ai1ec-button ai1ec-calendar-link" href="#">
         Back to Calendar »                
    </a>
    July 12, 2012 @ 08:00 am – July 13, 2012 @ 10:00 pm
</td>

Above is my HTML markup which display the text below.

Back to Calendar » July 12, 2012 @ 08:00 am – July 13, 2012 @ 10:00 pm

I need to remove @ 08:00 am from the starting date/time and @ 10:00 pm from the ending date/time. How can this be done with jQuery? I heard and read of something called Regexp, is that what needs to be used? With jQuery remove()?

I forgot to mention that the 'time' is not fixed. The only thing that's fixed is that the portion that needs to be removed starts with '@' and ends with 'm'

Will the parts being removed always be "@ 08:00 am" and "@ 10:00 pm"? — Sampson
– Sampson, Commented May 5, 2012 at 7:52
Is it possible to alter the html in anyway, wrapping elements in spans, or using data attributes to make targeting easier? — Owen Allen
– Owen Allen, Commented May 5, 2012 at 7:56
Unfortunately no :( I checked out the PHP function that returns the value. It's all bundled together and I have no idea how to edit it — Iwani Khalid
– Iwani Khalid, Commented May 5, 2012 at 7:58

Sampson · Accepted Answer · 2012-05-05 08:12:40Z

4

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

Demo: http://jsbin.com/ozuwob/2/edit

edited May 5, 2012 at 8:12

answered May 5, 2012 at 7:59

Sampson

269k76 gold badges546 silver badges570 bronze badges

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

4 Comments

Iwani Khalid Over a year ago

Thanks Jonathan! Let me try this now

Sampson Over a year ago

@IwaniKhalid Did you have any luck?

Iwani Khalid Over a year ago

jsfiddle.net/pLAnd/1 Unfortunately no, on jsfiddle. Wonder if it's the rendering engine

Iwani Khalid Over a year ago

I tested it on the live site and it works! Yay! Thank you Jonathan

d.k · Accepted Answer · 2012-05-05 08:37:52Z

1

var $td = $('td.ai1ec-time')
$td.html($td.html().replace(/@ \d{1,2}:\d{2} [ap]m/g, ''))

edited May 5, 2012 at 8:37

answered May 5, 2012 at 8:02

d.k

4,5002 gold badges33 silver badges41 bronze badges

4 Comments

Iwani Khalid Over a year ago

Am I doing something wrong here? Doesn't seem to be working jsfiddle.net/mTpCn/2

FLY Over a year ago

javascript variables don't start with a $ as far as i know

Iwani Khalid Over a year ago

I managed to get it working with Jonathan's answer! Thanks guys for the help!

d.k Over a year ago

reason was in table layout. You had to not omit <table> and <tr> tags

FLY · Accepted Answer · 2012-05-05 08:45:43Z

1

first make sure you have jQuery running ( jQuery )

Then use something like this:

$(".ai1ec-time").html(function(i,o){
  return o.replace( /\@\s\d\d\:\d\d\s(am|pm)/ig, '' );
});

demo: js bin

edited May 5, 2012 at 8:45

answered May 5, 2012 at 7:57

FLY

2,4695 gold badges30 silver badges40 bronze badges

4 Comments

Iwani Khalid Over a year ago

Yeah, its not only 8am and 10am. That's the tough bit for me

d.k Over a year ago

It would not work cause you are passing string instead of regexp, and AFAIK .replace() does not change caller-string, it only returns new string. So you must make smth like obj.html(obj.html().replace())

Iwani Khalid Over a year ago

Thanks @scubaFLY and caligula for your time and answers. Appreciate it so much :)

FLY Over a year ago

check out @Jonathan Sampson answer that one is working. also updated mine so it works.

Collectives™ on Stack Overflow

Remove some text in string with jQuery

3 Answers 3

4 Comments

4 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

4 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related