所以我有一個包含文本「12:00 PM」的div ..這是一個小時鐘應用程序。jQuery選擇字符串內的字符
<div id="#clock">12:00PM</div>
我要拍「:」部分消失,重新出現然後..
我不知道這是可能的瓦特/ jQuery的。
我有所有的時間間隔和一切工作......我的時鐘得到更新..但我只需要一種方法來目標/選擇「:」字符..並刪除它..然後取代它:)
這可能沒有太複雜嗎?
感謝
所以我有一個包含文本「12:00 PM」的div ..這是一個小時鐘應用程序。jQuery選擇字符串內的字符
<div id="#clock">12:00PM</div>
我要拍「:」部分消失,重新出現然後..
我不知道這是可能的瓦特/ jQuery的。
我有所有的時間間隔和一切工作......我的時鐘得到更新..但我只需要一種方法來目標/選擇「:」字符..並刪除它..然後取代它:)
這可能沒有太複雜嗎?
感謝
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);
這裏優化http://jsfiddle.net/2YqpW/1/ –
@ Karl-AndréGagnon不錯(: – kei
HTML:
<div id="#clock">12<span id="clock-colon">:</span>00PM</div>
的jQuery:
$('#clock-colon').hide() // do what you want
應該使用'.css('visibility','hidden')'或者文本會移動。 –
好吧,我不知道他想用冒號做什麼,所以我只是把'hide()' – Phil
也代替隱藏,我們可以使用'fadeIn'' fadeOut'。 –
如果它總是將是相同的字符,請使用搜索()或的indexOf()方法,然後串()和連接來消除字符。
'
可能重複的[如何抓取指定字符之前的子字符串jquery或javascript](http://stackoverflow.com/questions/9133102/how-to-grab-substring-before-a-specified-character-jquery-或-javascript) – isherwood