javascript - 为动态加载的html添加一个类

Question

我有一个时钟，我想更改时间的颜色，假设红色代表小时，绿色代表分钟。

我当时有一个名为 analog 的 div。

<div class="analog">analog</div>

然后我的 JS 用我的时间替换了 analog 中的内容。

//analog time
$('.analog').html(hours + ':' + minutes);

我的 CSS 将所有 analog 更改为红色，并计划向我的 minutes var 添加一个类以将其更改为绿色，但似乎无法弄清楚。

---

我尝试过的是 .addClass() 的变体，例如:

//analog time
$('.analog').html(hours + ':' + minutes).addClass('mins');

//analog time
$('.analog').html(hours + ':').html(minutes).addClass('mins);

我不太确定如何完成此操作，因为 div 被全部替换为一个，因为屏幕上的“模拟”变为“10:27”。

感谢您的帮助!

Answer 1

你不需要把它们绑在一起，你可以这样做:

$('.analog').html(hours + ':' + minutes);
$('.analog').addClass('mins');

同时尝试为时钟创建一个 id 并通过它选择它(它将是 $('#id'))。