javascript - 使用javascript在css中添加一个字母？

Question

我的脑袋有问题...请帮我回答这个问题:

是否可以在 css 中将单个字母添加到字符串中？ (我会假设它是通过存储原始字符串并在特定位置添加一个字母)

这是我的代码:

.u_usa{
background-image: url(../images/icons/usa_24.png);
}

我想要做的是点击将 css 属性更改为:

.u_usa{
    background-image: url(../images/icons/usa_24t.png);
    }

然后在单击时将其改回(删除“t”)...

问题是我有几个不同的类，我想在这些类上使用相同的功能，每个类都有不同的背景图像位置。保持不变的是，一张图片有 t 而另一张没有...

我需要一个函数，无论我更改哪个类，都能够简单地更改 css 属性中的一个字母(无论哪个类调用该函数)

提前谢谢你，如果你不能从我的胡言乱语的帖子中看出，我已经研究这些问题一段时间了，并且已经解决了除了这一项之外的所有问题。

再次感谢...

编辑: 我想要实现的是创建一个函数，该函数在运行时执行 css 切换，但对于运行它的任何类都是动态的。我有 60 多个具有背景的不同 div，单击时我想在 css 背景图像 url 的第 4 到最后一个字符位置添加或删除“t”。

Answer 1

您应该为每个带有双类选择器的类添加第二个 CSS 规则，例如:

.u_usa {
    background-image: url(../images/icons/usa_24.png);
}

.u_usa.clicked {
    background-image: url(../images/icons/usa_24t.png);
}

然后在您的 onclick 事件处理程序中，从适当的元素中添加或删除 clicked 类。