javascript - 在 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/