Jquery-Parameter von dom-Elementen

Ich möchte eine eigene jquery-Funktion schreiben, die einige Dinge auf allen dom-Elementen ausführt, die ein spezielles Klassen-Tag haben. Aber einige Elemente sollten bestimmte Animationen haben. Das ist, warum ich möchte einige Parameter innerhalb der DOM-Elemente wie das erklären:Jquery-Parameter von dom-Elementen

<div class='animate' animate-speed='0.5' animate-dir='up'></div>

Ist es möglich, und wenn ja, wie kann ich die Parameter von jquery erhalten können.

Quelle

2017-05-22 Nico Schuck

try $ attr ('animieren-Speed '), (' animieren.'). und $ ('. animate') .attr ('animate-dir'); –

ich versuchte console.log ($ ('. Animate'). Attr ('animate-speed')); die Konsole sagte undefiniert. console.log ($ ('. animate')); funktioniert gut –

ich herausgefunden. Ich muss gleich statt Doppelpunkt verwenden. Entschuldigung mein Fehler –

Sie können versuchen, Datenattribute zu verwenden.

HTML5 wurde für die Erweiterung von Daten entwickelt, die mit einem bestimmten Element verknüpft werden sollen, aber keine definierte Bedeutung haben müssen. Mit data- * -Attributen können wir zusätzliche Informationen zu standardisierten, semantischen HTML-Elementen ohne andere Hacks wie nicht standardmäßige Attribute, zusätzliche Eigenschaften für DOM oder Node.setUserData() speichern.

HTML-Code:

<div class='animate' data-speed='0.5' data-dir='up'></div>

Hinweis: Sie können nicht verwenden ":" aber "="

JS-Code:

$('.animate').each(function() { 
    // acces to attrbiutes, jquery method 
    console.log($(this).attr("data-speed")); 

    // or javascript method 
    console.log(this.dataset.dir); // not with the word data-

});

Beispiel:

versuchen, diese jsFiddle

Quelle

2017-05-22 14:54:33 Greg

vielen Dank. jetzt benutze ich gleich und alles funktioniert gut! –

Ok, ich mache ein JsFiddle für dich. (hat es geposted) – Greg

Jquery-Parameter von dom-Elementen

Antwort

Verwandte Themen