Ich brauche Liste der Elemente alle CSS-Attribute zu bekommen. Wie kann ich das machen ?Wie kann ich eine Liste aller Element CSS-Attribute mit jQuery bekommen?
Antwort
Kopieren der Quelle von SO1004475 - jQuery CSS plugin that returns computed style of element to pseudo clone that element? - Bitte folgen Sie Link und Upvote dort, wenn Sie es nützlich finden.
Es scheint lächerlich, aber das ist wahrscheinlich die beste Option - macht .css()
ohne Argumente ein Objekt mit all diesem Zeug zu bekommen.
jQuery.fn.css = (function(css2) {
return function() {
if (arguments.length) { return css2.apply(this, arguments); }
var attr = ['font-family','font-size','font-weight','font-style','color',
'text-transform','text-decoration','letter-spacing','word-spacing',
'line-height','text-align','vertical-align','direction','background-color',
'background-image','background-repeat','background-position',
'background-attachment','opacity','width','height','top','right','bottom',
'left','margin-top','margin-right','margin-bottom','margin-left',
'padding-top','padding-right','padding-bottom','padding-left',
'border-top-width','border-right-width','border-bottom-width',
'border-left-width','border-top-color','border-right-color',
'border-bottom-color','border-left-color','border-top-style',
'border-right-style','border-bottom-style','border-left-style','position',
'display','visibility','z-index','overflow-x','overflow-y','white-space',
'clip','float','clear','cursor','list-style-image','list-style-position',
'list-style-type','marker-offset'];
var len = attr.length, obj = {};
for (var i = 0; i < len; i++) {
obj[attr[i]] = css2.call(this, attr[i]);
}
return obj;
};
})(jQuery.fn.css);
Beachten Sie, dass dies nicht alle möglichen CSS-Eigenschaften erfasst, insbesondere neue CSS3-Eigenschaften. Hier ist ein list of all standard CSS and stable CSS3 properties, und hier ist einer von hyphen-prefixed vendor-specific properties (wie -moz-border-start
). Wenn Sie wirklich alle wollen, können Sie sie von dort abholen.
Für Inline-Styles:
var styles = $("#someelement").attr("style");
Von dort aus sollten Sie in der Lage sein, diese Zeichenfolge zu teilen, wenn Sie die Stile Schleife benötigen.
individuelle Stile zu überprüfen, überprüfen Sie die Dokumentation:
Ich brauche auch Attribute, die in css – newbie
gesetzt werden, wenn das möglich ist – newbie
Vielleicht erklären, was Sie versuche in deiner Frage zu erreichen. Sie sollten besser nach einzelnen Stilen suchen oder Klassen verwenden und .hasClass() verwenden - gnarf hat einen Link unten sonst – ScottE
$("#div1).css("background-color");
wird die Hintergrundfarbe Eigenschaft eines Elements mit id div1 zurückzukehren.
Sorry, ich weiß nicht, einen Weg, um alle CSS zu bekommen jQuery-Attribute verwenden.
Ab jQuery 1.8, können Sie tun:
$("#yourElement").css("cssText");
, die die zugrunde liegenden window.getComputedStyle(element).cssText
nutzt. Das ist der einfachste Weg.
Diese Antwort ist wahrscheinlich die beste in der Reihe ... – EJTH
@EJTH Ich bin der Autor dieses Codes in jQuery ;-) –
Vielen Dank!Du hast mir geholfen, das Problem zu lösen, Dinge in einen bestimmten Container in der Dom zu bewegen, ohne dass das Styling verloren geht! :-) Ich benutze es für ein Pet-Projekt, lassen Sie eine HTML-Seite mit box2d auseinander fallen ... – EJTH
- 1. Wo kann ich eine Liste aller Fehler und Warnungen bekommen?
- 2. Wie eine Liste aller erweiterten Eigenschaften für alle Objekte bekommen
- 3. Javascript: Wie eine Liste aller geöffneten Fenster bekommen
- 4. Wie kann ich eine Liste aller momentan auf dem Bildschirm angezeigten Fenster in swift bekommen?
- 5. Wie kann ich eine Liste aller definierten Variablen in Matlab oder Octave bekommen?
- 6. Wie kann ich eine Liste aller offenen Named Pipes in Windows bekommen?
- 7. Wie kann ich eine Liste aller Klassen innerhalb des aktuellen Moduls in Python bekommen?
- 8. Wie bekomme ich eine Liste aller Konstanten, die man von der Rails-Konsole bekommen kann
- 9. Wie die Liste aller verfügbaren Zeitzone mit Zeit-Zeitzone bekommen
- 10. Wie kann ich eine Liste aller verfügbaren Druck-/Faxtreiber erhalten?
- 11. android dexclassloader bekommen Liste aller Klassen
- 12. Wie bekomme ich eine Liste aller anwendbaren Methoden?
- 13. Wie kann ich eine Adresse einer Liste bekommen?
- 14. GDB: Wie kann ich den Namen aller lokalen Variablen bekommen?
- 15. Wie bekomme ich eine Liste aller Tabellen mit Identitätsspalten?
- 16. 2sxc: Wie bekomme ich eine Liste aller Anwendungen? Inhalt-Typen
- 17. Wie bekomme ich eine Liste aller möglichen Ausnahmen der Funktion
- 18. Wie bekomme ich eine Liste aller Feldnamen in ElasticSearch?
- 19. Wie Liste aller Bilddateien in Watchkit Erweiterung bekommen
- 20. Wie bekomme ich eine Liste aller Suchbegriffe in Lucene?
- 21. Eine Liste aller Event-Listener erhalten, javascript/jquery
- 22. Wie bekomme ich Opener-Element mit jQuery?
- 23. Wie kann ich eine Datagridview bekommen, um eine Liste anzuzeigen <int>/Liste (von Integer)?
- 24. Wie man eine Liste aller Benutzer mit einer bestimmten Berechtigungsgruppe in Django bekommen
- 25. Wie erhalte ich eine Liste aller Arten von Virtus-Attributen?
- 26. Android Studio: Wie sehe ich eine Liste aller Warnungen?
- 27. Wie geordnetes Element Wert durch Komma in jQuery getrennt bekommen
- 28. Wie erhalte ich eine Liste aller COM-Automatisierungsserver?
- 29. Mechanismus zu bekommen Element aus der Liste
- 30. Wie bekomme ich eine Liste aller Subversion-Commit-Autoren-Benutzernamen?
Möchten Sie alle CSS-Eigenschaften eines Elements erhalten? – rahul
Ja, ich muss alle CSS-Attribute abrufen, die mein ausgewähltes Element hat. – newbie
verwandt: http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element – Aziz