Gewusst wie: übergeben Sie den Namen der Klasse eines geklickt div als parameter an eine Funktion

Diese kann einfach, aber ich konnte nicht finden das Ergebnis brauchte ich in JAVASCRIPT aus der Forschung, die ich Tat.

gibt es zwei Zahl-Variablen. Sie sind "mainnumber" und "buttonnumber"
mainnumber generiert aus Mathematik.random.
buttonnumber ist die Zahl, die am Ende der anderen Klasse Namen.
Das bedeutet, dass buttonnumber = 1, wenn der angeklickte div class name class='beispiel1'
Das bedeutet, dass buttonnumber = 2, wenn der angeklickte div class name class='example2' etc.

gibt es über 50 divs, die über einen eigenen class-Namen wie beispiel1,Beispiel2 etc. einige Klassennamen sind wiederholt unter divs.

wenn ein button geklickt wird eine Funktion "compareaction" genannt wird, zu vergleichen "mainnumber" und "buttonnumber" und führen Sie eine andere Funktion aufgerufen
"resultcorrect" oder "resultwrong" je nach Vergleich.

//Vergleich code-hier

function compareaction(buttonnumber){
    if (mainnumber == buttonnumber){
        resultcorrect();    
    } else {
        resultwrong();
    }
}

Muss ich wissen, wie pass die Zahl am Ende der Klasse name (das ist 1 oder 2 oder 3 oder 4 usw) auf die Funktion.

<div class="example1" onclick="compareaction(\\number in class name as a parameter)"></div>
  • Sind Sie sicher, dass es nur 1 Klasse auf das element immer? wenn nicht, ist es besser, verwenden Sie eine benutzerdefinierte data- als Attribut einen Klassennamen.
InformationsquelleAutor nimala9 | 2014-09-14
  1. 3

    Pass Klasse name Funktion

    <div class="example1" onclick="compareaction(this.className)">

    dann überprüfen Sie Sie innerhalb der Funktion

    function compareaction(className) {
    //className will be 'example1' in this case
    var buttonNumber = className.match(/\d+$/)[0];
    if (mainnumber == buttonNumber){
        resultcorrect();    
    } else {
        resultwrong();
    }
}
    • Vielen Dank für den Ansatz. Aber ich muss vergleichen Sie die Letzte Nummer der name der Klasse oder anderes, übergeben wird nur die Letzte Nummer der name der Klasse. Der code, den Sie erklärt übergibt den Namen "beispiel1" in der Erwägung, dass ich mich übergeben müssen nur die "1".
    • Besser arbeiten mit Klasse-name innerhalb der Funktion, z.B. mit regex: className.match(/\d+$/)[0]
    • Ich würde vorschlagen, nicht zu verwenden, Klasse name für diese Zwecke, und verwenden Sie data-Attribut zum speichern der Daten in es: <div data-number="1" onlick="analyse"> und in der analyse-Funktion erhalten Sie dieses Attribut mit this.getAttribute('data-number')
    • Sorry für die Mühe , aber könnten Sie bitte erklären, className.match(/\d+$/)[0] ich bin neu in js. 🙂
    • das bedeutet, wir wollen entsprechend eine oder mehrere Ziffern am Ende der Klasse Namen mit einem regulären Ausdruck /\d+$/ gibt array der gefundenen tokens, in diesem Fall - Nummer, die Sie suchen: beispiel1 -> 1, Beispiel2 -> 2, example37 -> 37
    InformationsquelleAutor Anatoliy
Schreibe einen Kommentar