2016-04-22 15 views
1

Ich mache eine Karte Flip-Spiel und ich bin auf einer bestimmten Funktion fest. Während des Spiels verschwinden die Karten (durch Ändern des Klassennamens)Targeting ein Eingabewert innerhalb einer HTML-Sammlung

function reShuffle() { 
var cds = document.getElementsByClassName('nocard'); 

for (var t = 0; t < cds.length; t++) { 
    console.log(cds[t]); 
    ///i need to target an input within a div, inside another div, inside cds[t]; 
    ///make sense? 
    } 
} 

Die obige Funktion sendet eine HTML-Sammlung an meine Konsole. Die Konsole sieht wie folgt aus: (die HTML-Sammlung die Elemente, die der Benutzer bekam Punkte für, so kann die Konsole Rückkehr auf Benutzeraktionen variieren) enter image description here

Nun, ich möchte alle Eingaben innerhalb von div-Tags zielen, die haben Klasse 'nocard', aber nicht die anderen Eingaben mit dem gleichen Namen. Als ich versuchte, eine Schleife zu erstellen, um die Klasse 'fntCls' aufzurufen, gab die Konsole alle Eingaben zurück und nicht nur die innerhalb der divs mit der Klasse 'nocard'.

Ich hoffe, ich habe dies richtig erklärt. Ich muss die Werte der Klasse 'fntCls' anvisieren, die in den Karten sind, die die Klasse 'nocard' haben, aber nicht diejenigen, die in Klassen 'cards' sind.

Ich ging, um eine Geige zu machen, aber es funktioniert nicht richtig mit der Art, wie ich localStorage verwenden. So kann ich bei Bedarf einen Git schicken. Außerdem sollte ich erwähnen, dass ich weder Jquery noch andere Bibliotheken verwende. Ich möchte JavaScript-Unterstützung "Vanille".

Es tut mir leid, wenn das lang ist, oder nicht genau zu beschreiben, was ich brauche. Ich hatte wirklich Mühe, die richtigen Worte zu finden, um zu erklären, was hier vor sich geht, es ist das erste Mal, dass ich versuche, diese besondere Aktion zu machen. Danke im Voraus.

+2

Sie könnten versuchen, document.querySelectorAll ('. Nocard input.fntCls') zu verwenden, um alle Eingaben mit der Klasse fntCls in allen Elementen mit der nocard-Klasse zu erhalten. – spaceman

+0

werde ich gleich jetzt und komme zu dir zurück. – MrEhawk82

+0

Ich konnte mit der querySelectorAll -Option tun, was ich möchte. Bitte post als Antwort, damit ich es akzeptieren kann :) – MrEhawk82

Antwort

1

document.querySelectorAll Verwenden Sie die Eingänge wie so ausrichten können:

document.querySelectorAll('.nocard input.fntCls') 

Die .nocard zielt auf die Elemente mit der Klasse Nocard und input.fntCls werden die Eingänge innerhalb dieser Elemente mit dem fntCls Klasse zielen.