【问题标题】:add ::before 'content' to CSS class if value of class content is less than the value of 10如果类内容的值小于 10,则将 ::before 'content' 添加到 CSS 类
【发布时间】:2015-02-10 20:54:38
【问题描述】:

我正在尝试在屏幕截图中小于 10 的天数前面加上一个“0”(我认为这是正确的词):

Screenshot of current class and item in question

我有 CSS 的基本结构来添加前面的“0”值,但我只是不知道如何添加它,只有当值小于 10 时。如您所见,我成功地将它添加到整个班级,但它也增加了我不想要的“11”值。

非常感谢任何帮助。

迈克尔

【问题讨论】:

  • 不知道为什么我的原始帖子被标记为 -1 但 okkkkk。大声笑

标签: jquery html css prepend


【解决方案1】:

最好用 jquery 来做

$(".target-div").each(function(){
 $(this).html(($(this).html<10?"0":"")+$(this).html());
});

这里.target-div是日期div

【讨论】:

  • 宾果游戏!谢谢我的朋友,dAm$ 就是这么快。非常感谢您的帮助。
  • 我很想投票,但我的声誉目前太低,抱歉!不过我会的。
【解决方案2】:

如果您可以添加一些标记,那么我会用span 结束这一天。像这样:

<div class="evo_date">
    <div class="start">
        <span>4</span>
        <em>Feb</em>
    </div>
</div>

然后运行这个 jQuery sn-p:

$(".evo_date .start span").each(function() {
    if ($(this).text().length == 1) {
        $(this).text("0" + $(this).text());
    }
});

在这里试试: http://jsfiddle.net/er0sh9bg/

【讨论】:

  • 我和 Kenneth 一样测试了您的版本,它也同样有效。我非常感谢你们。也感谢您的提琴。
  • 我很想投票,但我的声誉目前太低,抱歉!不过我会的。
猜你喜欢
  • 2016-10-18
  • 2017-08-31
  • 1970-01-01
  • 2013-04-05
  • 2017-09-26
  • 1970-01-01
  • 1970-01-01
  • 2015-01-11
  • 2013-11-30
相关资源
最近更新 更多