Javascript/DOM: Attribut/Methode gesucht

bugcatcher

Heu zusammen. Ich bin mich am doof suchen, finde aber irgendwie nix Gescheites.

Ich machs kurz:

Code

<script>
 function tellMe(myChild){
  alert(/* was muss hier hin, dass ich gesagt bekomme, das wievielte Kind das weilige ist?
  also quasi die Zahl für parent.childNotes[>>X<<] */);
 }
</script>
<parent>
 <child onclick="tellMe(this);">Hektor</child>
 <child onclick="tellMe(this);">Alfred</child>
 <child onclick="tellMe(this);">Lisa</child>
 <child onclick="tellMe(this);">Ellen</child>
</parent>

Alles anzeigen

Ich möchte jetzt ein alert haben, dass mir "3" (bzw. 2, wenn wir bei 0 anfangen) sagt, wenn ich Lisa anklicke. Oder gibt es wirklich keine Möglichkeit die Index-Nummer des Arrays heraus zu bekommen? Das nervt mich irgendwie bei fast allen Sprachen...

Orkan

Könnt mir so vorstellen:

Code

parent = myChild.parentNode;
childs = parent.childs;
int i = 0;


for(var i = 0;i < childs.length;i++) {


  if(childs[i] ==  myChild) {


    break;
  }
}

Alles anzeigen

Orkan

Lauffähige Version:

Code

<script>
function tellMe(myChild){
  parent = myChild.parentNode;
  childs = parent.childNodes;
  var temp = 0;
  var ret = -1;


  for(var i = 0;i < childs.length;i++) {
    if(childs[i].nodeType == 1) {

       temp++;
    }
    if(childs[i] ==  myChild) {


      ret = temp;
      break;
    }
  } 
  alert(ret);
}
</script>
<body>
  <p>Hektor </p>
  <p>Alfred </p>
  <p>Lisa </p>
  <p>Ellen </p>
</body>

Alles anzeigen

bugcatcher

Jo, gut. Die Umständliche Version hab ich auch hinbekommen (wenn auch etwas anders). Hatte einfach gehofft, dass es dafür evtl. ein Child-Attribut gibt, dass man nur hätte auslesen müssen. : (

Trotzdem Danke für Deine Mühe!

Orkan

Sowas wäre mir nicht bekannt, man müsste sich mal alle Eigenschaften die so ein Javascript Objekt hat anschauen, z.B. im DOM Inspektor.

Ansonsten könnte man sich mit previosSilbing auch auch immer weiter zurück hangeln im Index und mitzählen.

bugcatcher

Das war meine Methode. Schade. Naja. Man kann wohl nicht alles haben. : /

boardraider

Code

<parent>
 <child onclick="tellMe(0);">Hektor</child>
 <child onclick="tellMe(1);">Alfred</child>
 <child onclick="tellMe(2);">Lisa</child>
 <child onclick="tellMe(3);">Ellen</child>
</parent>

Ohne den Zusammenhang zu kennen... warum nummerierst du nicht bereits vor dem Aufruf und übergibst den Wert als Parameter?

Edit: zu doof den Code einzufügen *grmpf*

bugcatcher

Wenn du neue Kinder hinzufügst, wegnimmst, bzw. verschiebst, müsste ich dann für alle anderen den event-Handler anpassen, damit die Reihenfolge wieder stimmt. Das fand ich unschön. Zudem bin ich schlicht der Meinung, das ein Kind seine Stellung bei den Eltern kennen sollte. ; )

Orkan

Zitat von bugcatcher

Wenn du neue Kinder hinzufügst, wegnimmst, bzw. verschiebst, müsste ich dann für alle anderen den event-Handler anpassen, damit die Reihenfolge wieder stimmt. Das fand ich unschön. Zudem bin ich schlicht der Meinung, das ein Kind seine Stellung bei den Eltern kennen sollte. ; )

Trete der DOM Working Group des w3c bei, oder werde Entwickler bei MS
Ein Browser könnte es letztendlich auch nicht anders implementieren.

bugcatcher

Blah du Hirsch. ; )

Klar dass ein Browser das auch so machen müsste. Die machen noch ganz umständlichere Dinge. Bin vielleicht zu sehr von PHP und Konsorten verwöhnt, die für jeden Driss ne fertige Funktion bieten.

Ich muss unbedingt mal wieder mit C weitermachen. Richtig Old School quasi. Alles von Hand.

Orkan

Zitat von bugcatcher

Blah du Hirsch. ; )
Klar dass ein Browser das auch so machen müsste. Die machen noch ganz umständlichere Dinge. Bin vielleicht zu sehr von PHP und Konsorten verwöhnt, die für jeden Driss ne fertige Funktion bieten.
Ich muss unbedingt mal wieder mit C weitermachen. Richtig Old School quasi. Alles von Hand.

C, *bähhhhh*

Wer wird den die Kontrolle einem Compiler überlassen, man implementiert jede seiner Seiten natürlich in Maschinencode ist doch schön wenn man noch weis in welchem Register man seine Daten hat

boardraider

Zitat von bugcatcher

Wenn du neue Kinder hinzufügst, wegnimmst, bzw. verschiebst, müsste ich dann für alle anderen den event-Handler anpassen, damit die Reihenfolge wieder stimmt. Das fand ich unschön. Zudem bin ich schlicht der Meinung, das ein Kind seine Stellung bei den Eltern kennen sollte. ; )

Du könntest dem Child auch ein Attribut zuweisen, dass die Folgenummer enthält. Dies kannst du ebenfalls mit JS machen, also dynamisch und flexibel. So hättest du nur eine For-Schleife über die Childs und müsstest beim Auswerten nicht jedesmal die Stelle berechnen.

bugcatcher

Hab ich gemacht, wollte es aber valide halten. Ist ja immer noch xhtml und nicht xml. Und da gabs kein order für <li>s. Wie so üblich gibts 100 Wege nach Rom, ich hab einen inzwischen. Noch mal Dank an alle Beteiligten.

Orkan: du bist ekelig.

boardraider

Wenn du dich auf neue Attribute beziehst - du kannst bspw. auch ne ID dafür verwenden. Die ist definitiv im Standard

Orkan

Zitat von boardraider

Du könntest dem Child auch ein Attribut zuweisen, dass die Folgenummer enthält. Dies kannst du ebenfalls mit JS machen, also dynamisch und flexibel. So hättest du nur eine For-Schleife über die Childs und müsstest beim Auswerten nicht jedesmal die Stelle berechnen.

Diese Methode würde sich auch nur lohnen wenn einfügen/verschieben/löschen deutlich seltener geschieht als der Aufruf des Events.

boardraider

Natürlich, deswegen schrieb ich oben ja, dass es auf den Kontext ankommt.