2014-01-29 79 views
1

所以我有一個包含文本「12:00 PM」的div ..這是一個小時鐘應用程序。jQuery選擇字符串內的字符

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

我要拍「:」部分消失,重新出現然後..

我不知道這是可能的瓦特/ jQuery的。

我有所有的時間間隔和一切工作......我的時鐘得到更新..但我只需要一種方法來目標/選擇「:」字符..並刪除它..然後取代它:)

這可能沒有太複雜嗎?

感謝

+2

'

12:00PM
' –

+0

可能重複的[如何抓取指定字符之前的子字符串jquery或javascript](http://stackoverflow.com/questions/9133102/how-to-grab-substring-before-a-specified-character-jquery-或-javascript) – isherwood

回答

2

DEMO

HTML不變

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); 
+1

這裏優化http://jsfiddle.net/2YqpW/1/ –

+0

@ Karl-AndréGagnon不錯(: – kei

2

HTML:

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

的jQuery:

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

應該使用'.css('visibility','hidden')'或者文本會移動。 –

+0

好吧,我不知道他想用冒號做什麼,所以我只是把'hide()' – Phil

+0

也代替隱藏,我們可以使用'fadeIn'' fadeOut'。 –

1

如果它總是將是相同的字符,請使用搜索()或的indexOf()方法,然後串()和連接來消除字符。