如果类内容的值小于 10，则将 ::before 'content' 添加到 CSS 类

Posted 2023-04-13

【中文标题】如果类内容的值小于 10，则将 ::before \'content\' 添加到 CSS 类

【英文标题】：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。大声笑

【参考方案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 一样测试了您的版本，它也同样有效。我非常感谢你们。也感谢您的提琴。

我很想投票，但我的声誉目前太低，抱歉！不过我会的。