Jede ID mit einer neuen Nummer. Geht das nicht besser?

[WurstKuchen]

Hallo,

ich erzeuge mit PHP eine HTML Tabelle mit mehreren Zeilen.
Ich will, dass wenn man auf eine Zeile klickt etwas in der betreffenden
Zeile passiert.
Ich habe jetzt jeder Zeile eine neue ID gegeben. Und Elemente die in dieser Zeile sind auch wieder mit einer neuen ID versehen.
Das ist nicht gerade sehr performant.

Meine Frage: Gibt es nicht eine Möglichkeit nur eine eindeutige ID pro Zeile zu vergeben und dann alle Elemente innerhalb dieser ID ansprechen?

Also:

<div id="ZEILE1" onclick="MachWas(this);">
    <div id="rot"></div>
    <div id="blau"></div>
</div>

<div id="ZEILE2" onclick="MachWas(this);">
    <div id="rot"></div>
    <div id="blau"></div>
</div>

<div id="ZEILE3" onclick="MachWas(this);">
    <div id="rot"></div>
    <div id="blau"></div>
</div>

Und jetzt möchte ich mit dem Aufruf onclick="MachWas(this);" das div mit der id="rot" ansprechen. Aber auch nur das in der jeweiligen Zeile.
Wie mache ich das? Von mir aus auch gerne mit Prototype.
Der ein oder andere gute Link würde mir schon reichen.

Besten Dank

[Nightflyer]

Das ist schlichtweg falsch. id="rot" darf im Dokument nur einmal vorkommen. Was du machen musst ist class="rot" und class="blau", die darfst du mehrfach vewenden.

Zugreifen kannst du dann über this.childNodes()
http://de.selfhtml.org/javascript/ob...tm#child_nodes

[sonar]

Das, was du da machst, ist eh nicht zulässig: IDs dürfen nur 1mal auf 1 Seite vergeben werden.

Zitat von WurstKuchen

Von mir aus auch gerne mit Prototype.
Der ein oder andere gute Link würde mir schon reichen.

Na dann... hier kommt der gute Link: http://www.prototypejs.org/api

[Nicmare]

mit jquery würd das so gehen:

$("#ZEILE1").click(function(){
//irgendeine aktion
//z.B. $("div div:first").hide();
});

Das würde beim click von zeile1 alle ersten divs in zeile1-3 ausblenden.
Der Code ist so reduziert:

<div id="ZEILE1">
    <div></div>
    <div></div>
</div>

<div id="ZEILE2">
    <div></div>
    <div></div>
</div>

<div id="ZEILE3">
    <div></div>
    <div></div>
</div>