jQuery selecting a character inside a string

Question

So i have a div that contains the text "12:00PM" .. it's a little clock application.

<div id="#clock">12:00PM</div>

I wanted to make the ":" part disappear and then reappear..

I wonder if this was possible w/ jQuery.

i have all the intervals and everything worked out... my clock gets updated.. but i just need a way to target/select that ":" character.. and remove it.. and then replace it :)

Is this possible without being too complicated?

Thanks

possible duplicate of [how to grab substring before a specified character jquery or javascript](http://stackoverflow.com/questions/9133102/how-to-grab-substring-before-a-specified-character-jquery-or-javascript) — isherwood, Jan 29 '14 at 18:58

score 2 · Answer 1 · answered Jan 29 '14 at 18:58

2

Html:

<div id="#clock">12<span id="clock-colon">:</span>00PM</div>

jQuery:

$('#clock-colon').hide() // do what you want

answered Jan 29 '14 at 18:58

Phil

10,948
17
69
101

should use `.css('visibility', 'hidden')` or the text will move. – Karl-André Gagnon Jan 29 '14 at 19:03
well, I don't know what he wants to do with the colon so I just put `hide()` – Phil Jan 29 '14 at 19:04
also instead of hide we can use `fadeIn` `fadeOut`. – Aliaksei Bulhak Jan 29 '14 at 19:06

score 2 · Accepted Answer · answered Jan 29 '14 at 19:07

2

DEMO

HTML is unchanged

CSS

.hidden {
    visibility:hidden;
}

jQuery

$clock = $("#clock");
$blink = true;
setInterval(function(){
    if ($blink) {
        $clock.html($clock.html().replace(":",'<span class="hidden">:</span>'));
        $blink = false;
    }
    else {
        $clock.html($clock.html().replace('<span class="hidden">:</span>',":"));
        $blink = true;
    }
}, 1000);

answered Jan 29 '14 at 19:07

kei

20,157
2
35
62

@Karl-AndréGagnon nice (: – kei Jan 29 '14 at 19:13

score 1 · Answer 3 · answered Jan 29 '14 at 18:59

1

If it's always going to be the same character, use the search() or indexOf() methods and then substring() and concatenation to eliminate the character.

answered Jan 29 '14 at 18:59

jQuery selecting a character inside a string

3 Answers3