jQuery Girl
  1. jQuery Girl
  3. Est-il possible de parcourir les atsortingbuts de style d’une div avec javascript ou jquery?
Intereting Posts
Bootstrap 3 – L’événement hidden.bs.collapse n’est pas déclenché si l’accordéon est à l’intérieur d’un modal rempli via ajax Validation des options de liste déroulante pour les champs de sélection pré-remplis avec JQuery Comment redimensionner div en redimensionnant le navigateur Supprimer les lignes verticales dans jqGrid Comment changer la propriété css en utilisant jquery avec ce code Différence en heures entre deux dates et heures en javascript Jquery post et validation ajax discrète ne fonctionne pas mvc 4 En cliquant sur “retour” dans le navigateur, mon code javascript est désactivé si j’utilise Turbolinks dans Rails Arrêtez les frères et sœurs en remplaçant la commande de l’élément annulé par jQuery-ui Différence entre l’utilisation de soi variable et de celle-ci jQuery animate () et les performances du navigateur jquery validation plugin et submitHandler formes django et ajax Essayer d’utiliser JQuery pour dessiner des lignes sur des données de table jquery ujs ne fonctionne pas lorsque je charge à distance des partiels / contenus avec des appels distants ou jQuery

Est-il possible de parcourir les atsortingbuts de style d’une div avec javascript ou jquery?

Comme le dit le titre je me demande s’il est possible de boucle à travers les atsortingbuts de style d’un div avec javascript ou jquery. Ce que je veux faire, c’est parcourir les styles et créer un object contenant ces noms et valeurs de styles.

Voici un exemple de ce que j’essaie de faire: 

alert($('#mydiv').attr('style'));

Donne ce qui suit: 

 background-color: #CCCCCC; border-width: 2px; border-style: solid; width: 250px;

Et je veux créer un object qui ressemble à ceci: 

 {"background-color":"#CCCCCC","border-width":"2px","border-style":"solid","width":"250px"}

Ce que je ne peux pas comprendre, c’est si cela est réalisable en parcourant les styles ou si je vais devoir créer moi-même l’object à l’aide d’un code similaire à ci-dessous: 

 var style = {}; style['width'] = $('#mydiv').css('width');

Toute entrée de ce serait apprécié.

Est-ce que ça fait ce que tu veux? 

 var parts = style.split(";") var obj = {} for (var i=0;i

Pour

, $('#id').attr('style') renvoie une color: red chaîne color: red alors je suppose que vous ne pouvez pas les mettre en boucle directement. .

Cependant, vous pouvez créer un tableau ssortingng.split(';') et le ssortingng.split(';') boucle.

Mais CSS associé à dans la

ou dans un fichier css , je ne pense pas que vous puissiez l’obtenir. Cependant, je ne suis pas sûr.