Aufruf Bild von CSS zu Javascript und Hinzufügen ganzzahligen Wert

Question

Ich habe ein Hintergrundbild auf CSS (hochgeladen von einer Datei), und ich muss es in meine Javascript-Datei und fügen Sie einen ganzzahligen Wert und es vielleicht in das Array (optional wenn nützlich). Ich möchte eine ganze Zahl hinzufügen, da jedes Mal, wenn ich auf dieses Bild klicke, es zum Abschnitt "score" (bereits gesetzt) ​​hinzugefügt wird.

Gibt es einen möglichen Weg, es zu tun?

hier ist ein Ausschnitt aus dem Code: css

div#gamearea4x4 div.row1#ga4r11{ 
    background-image: url(../graphics/8.png); 
    width: 50px; 
    height: 50px; 
    background-size: 50px 50px; 
    margin: 2px; 
    border-radius: 5px; 

und verschiedene Versuche mit dem javascript:

var img1 = document.getElementById("#ga4r11").style.backgroundImage; 
img.value = "8"; 

oder

var logo = $("#ga4r11").css('background-image').value = "8"; 

Answer 1

eine Sie die Ganzzahl in den div hinzufügen wo steckst du das Bild hin? Dies könnte das sein wonach Sie suchen:

var int = 8; 
$("#ga4r11").css('background-image', '/'+int+'.png').attr('value', int); 

Auf diese Weise können Sie die ganze Zahl dynamisch setzen. Jedes Mal, wenn jemand auf dem Bild/div klickt:

$('#ga4r11').on('click', function(){ 
    int++; 
    $("#ga4r11").attr('value', int); 
}); 

Wenn Sie es dynamischer, können Sie den div-IDs dynamisch als auch gesetzt:

var int = 8; 
var image_id = "image_" + int; 
$("#"+image_id).css('background-image', '/'+int+'.png').attr('value', int) 

Sie alle in der Klasse haben werden die Bild-IDs (wie

<div class="images" id="image_x"> 

) rufen Sie dann, wenn Sie auf die Klasse klicken:

$('.images').on('click', function(){ 
    int++; 
    $(this).attr('value', int); 
}); 

Das wird dann den richtigen Wert für die richtige ID setzen.