Ho bisogno di ottenere la lista di elementi tutti gli attributi CSS. Come lo posso fare ?Come posso ottenere l'elenco di tutti gli attributi css di elementi con jQuery?
risposta
Copia dell'origine da SO1004475 - jQuery CSS plugin that returns computed style of element to pseudo clone that element? - Seguire il collegamento e upvotare lì se lo si ritiene utile.
Sembra ridicolo, ma questa è probabilmente la migliore opzione - rende .css()
senza argomenti ottenere un oggetto con tutto questo set di cose.
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);
Si noti che questo non cattura tutti i possibili proprietà CSS, in particolare quelli nuovi per CSS3. Ecco uno list of all standard CSS and stable CSS3 properties ed eccone uno di hyphen-prefixed vendor-specific properties (ad esempio -moz-border-start
). Se vuoi davvero tutti loro, puoi spigarli da lì.
Per gli stili inline:
var styles = $("#someelement").attr("style");
Da lì, si dovrebbe essere in grado di dividere questa stringa se è necessario ciclo gli stili.
Per controllare gli stili individuali, controllare la documentazione:
$("#div1).css("background-color");
restituirà la proprietà colore di sfondo di un elemento con ID div1.
Mi dispiace, non so un modo per ottenere tutte le attributi CSS utilizzando jQuery.
Come di jQuery 1.8, si può fare:
$("#yourElement").css("cssText");
che utilizza il sottostante window.getComputedStyle(element).cssText
. Questo è il modo più semplice.
Questa risposta è probabilmente la migliore del gruppo ... – EJTH
@EJTH Sono l'autore di quel codice all'interno di jQuery ;-) –
Grazie!Mi hai aiutato a risolvere il problema di spostare le cose in un determinato contenitore del dom senza perdere lo stile! :-) Lo uso per qualche progetto per animali domestici, faccio cadere una pagina HTML con box2d ... – EJTH
- 1. Get * tutti * gli attributi CSS con jQuery
- 2. Come posso ottenere i bambini immediati di tutti gli elementi con selettori CSS utilizzando il selenio?
- 3. jquery ottenere solo tutti gli elementi HTML con ID
- 4. Dove posso ottenere un elenco di tutti gli elementi iOS?
- 5. Seleziona rapidamente tutti gli elementi con immagine di sfondo css
- 6. Seleziona tutti gli elementi a livello di blocco con css
- 7. iterazione di attributi degli elementi con jQuery
- 8. Ottenere tutti gli elementi iframe
- 9. Posizionamento CSS Sopra tutti gli elementi
- 10. Come ottenere tutti gli elementi con NSPredicate CONTAINS IN array
- 11. Ottenere tutti gli elementi con meno di un mese
- 12. jQuery seleziona tutti gli elementi all'interno di determinati elementi padre
- 13. Recupero di tutti gli elementi con DynamoDBMapper
- 14. Come ottenere tutti gli elementi di una lista per istanza?
- 15. Come ottenere tutti gli elementi di lavoro in una iterazione?
- 16. Come nascondere tutti gli elementi tranne uno con jquery?
- 17. Come ottenere tutti gli elementi all'interno di "div" che inizia con un testo noto
- 18. Ottenere dollaro totale di tutti gli elementi con class utilizzando jQuery
- 19. Come posso utilizzare JQuery per ottenere tutti i nodi con attributi uguali a un valore?
- 20. Rimuovi gli attributi CSS "top" e "left" con jQuery
- 21. come ottenere tutti gli elementi di un ArrayAdapter?
- 22. jQuery: selezionare tutti gli elementi con attributo personalizzato
- 23. Come selezionare elementi con attributi evento usando Jquery?
- 24. Visualizza tutti gli elementi nell'array utilizzando jquery
- 25. ripristinare gli attributi css predefiniti
- 26. jquery: selezionare tutti gli elementi dopo l'n.
- 27. jQuery funzione di fuoco su tutti gli elementi della classe
- 28. Come ottenere tutti gli elemets con var_dump?
- 29. serie di elementi avvolgere tutti gli elementi
- 30. jQuery CSS() per gli elementi creati dinamicamente
Vuoi ottenere tutte le proprietà CSS di un elemento? – rahul
Sì, ho bisogno di ottenere tutti gli attributi CSS che il mio elemento selezionato ha. – newbie
correlati: http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element – Aziz