Problem mit Tag-Hierarchie

[Sören]

Hi,

ich habe folgenden Code

  
for (i = 1; i <= numbers1.length; i++){  
document.write('<span class="two" style="background-image: url(img/'+numbers1[count]+'.jpg)" if="'+numbers1[count]+'" value="'+numbers1[count]+'"><img src="img/back.jpg" onClick"versuch(this)" value="'numbers1[count]+'/></span>');  
zeilebruch++  
if (zeilebruch == 4) {document.write('<br>'); zeilebruch = 0;};  
count++  
}  
  
function versuch(element) {  
element.style.visibility = "hidden"  
alert(parent.value)  
}  

Erklärung wie der Code funktionieren soll:
Es wird als erstes ein Array mit dem Namen numbers1 erstellt und mit Werten zwischen 1 und 16 gefüllt. Für jedes Element in dem Array wird dann ein eigener Span-Tag erzeugt, der die ID von der jeweiligen Zahl hat. Der Valuetext entspricht auch dem Array-Element, genauso wie der Hintergrundbildname dem Array-Element entspricht. Dann wird anschließend noch ein Bild mit dem Namen "back.jpg" erstellt, welches das hintergrundbild verdeckt. Wenn 4 Span-Tags nebeneinander liegen, dann wird ein Zeilenumbruch erzeugt.
Wenn jetzt auf eines der Hintergrundbilder geklickt wird, verschwindet das entsprechen "back.jpg"-Bild. Und es soll für eine Später überprüfung auf die ID oder das Value des entsprechenden Span-Tags zugegriffen werden.

Diesen Zugriff habe ich mit parent.value versucht, was aber nicht funktioniert. Jetzt meine Frage: wie kann ich auf den Span-Tag zugreifen, ohne die genaue ID bzw. Value zu kennen?

Gruß
Sören