Назначение изображения в CSS-классе

Question

Я использую javascript, html и css для создания математической игры. Я сделал класс CSS для каждого числа (0-9), и все, что у него есть, - это свойство фона, которое дает изображение этого числа. Я хочу добавить номера, но не могу, потому что они просто образы. Есть ли способ присвоить числовое значение классу классов CSS? Или есть лучший способ подойти к этой проблеме?

Answer 1

Можете ли вы разместить свой код, чтобы мы могли посмотреть?

Также css id и классы могут начинаться только с подчеркивания (_), дефиса (-) или буквы (a-z). Не число.

Для чего вы пытаетесь изучить атрибуты данных. http://www.sitepoint.com/use-html5-data-attributes/

Answer 2

Предполагая, что вы используете дивы для изображений

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/