在CSS类中为图像赋值

Question

我正在使用javascript，html和css制作数学游戏。我为每个数字（0-9）创建了一个CSS类，它所有的都是一个背景属性，它给出了该数字的图像。我想添加数字，但我不能，因为它们只是图像。有没有办法为CSS编号类分配一个数字值？或者有更好的方法来解决这个问题吗？

Answer 1

假设您正在为图像使用div

HTML

<div data-value="1" class="img one" /> 
<div data-value="2" class="img two" />

JS

$(document).ready(function ()
{
   var sum = 0
   $('.img').each(function(){
       sum += $(this).data('value');
   })

   alert(sum)   
})

http://jsfiddle.net/p6vkp91o/1/

Answer 2

您可以发布您的代码，以便我们查看吗？

此外，css id和类只能以下划线（_），连字符（ - ）或字母（a-z）开头。不是数字。

对于您要执行的操作，请查看数据属性。 http://www.sitepoint.com/use-html5-data-attributes/