【问题标题】:jQuery selecting a character inside a stringjQuery在字符串中选择一个字符
【发布时间】:2014-02-21 18:53:10
【问题描述】:

所以我有一个包含文本“12:00PM”的 div .. 这是一个小时钟应用程序。

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

我想让“:”部分消失然后重新出现..

我想知道这是否可以使用 jQuery。

我有所有的时间间隔,一切都解决了......我的时钟得到了更新......但我只需要一种方法来定位/选择那个“:”字符......并删除它......然后替换它:)

这是否可能而不用太复杂?

谢谢

【问题讨论】:

标签: jquery jquery-selectors


【解决方案1】:

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

【讨论】:

  • @Karl-AndréGagnon 不错(:
【解决方案2】:

如果总是相同的字符,请使用 search() 或 indexOf() 方法,然后使用 substring() 和连接来消除该字符。

【讨论】:

    【解决方案3】:

    HTML:

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

    jQuery:

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

    【讨论】:

    • 应该使用.css('visibility', 'hidden'),否则文字会移动。
    • 好吧,我不知道他想对冒号做什么,所以我只输入了hide()
    • 我们也可以使用fadeInfadeOut来代替隐藏。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-27
    • 1970-01-01
    • 2020-05-12
    • 2012-02-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多