Discussion :

[patrick754]

Bonjour à tous
Je viens demander votre aide.
J'ai un ensemble d'éléments ayant en commun la classe "target", j'essai de récupérer tous les attributs ainsi que les valeurs correspondantes dans un tableau.
J'utilise le code ci dessous, j'ai bien le résultat souhaité pour chaque élément lorsque je fais console log dans la boucle, mais le résultat finale me donne un tableau vide.

Ci dessous le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
let
				obj = {},
 
				$.map($('.target'), function(elem){
 
					for (var att, i = 0, atts = elem.attributes, n = atts.length; i < n; i++){
						att = atts[i];
						obj[att.nodeName] = att.nodeValue;
					}
 
				});

Merci d'avance pour votre aide.

Cordialement

[mathieu]

montrez nous le code entier avec le code de débugage et le résultat qui s'affiche.

[patrick754]

Bonjour Mathieu, ci dessous les codes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function showattr() {
	let
		obj = {};
 		$.map($('.target'), function(elem){
			for (var att, i = 0, atts = elem.attributes, n = atts.length; i < n; i++){
				att = atts[i];
				obj[att.nodeName] = att.nodeValue;
			}
		});
	console.log(obj);
};

Ci-dessous un exemple d'élément sur lequel j'aimerai récupérer par exemple les attribut : data-divid, data-type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h6 class="targetix" id="btn_03683e4d31e40faebf23_3" data-type="typeo" data-divid="03683e4d31e40faebf23">test</h6>

Ci dessous le résultat de la console :


Merci pour votre aide

Cordialement

[mathieu]

en mettant $('.targetix') dans votre code, j'obtiens bien la liste des attributs dans le tableau "obj".

https://codesandbox.io/s/elated-haibt-c68bn

[patrick754]

[Merci pour ton aide. J'ai regardé, comme ça marche mais j'ai plusieurs éléments et lorsque je duplique l'élément (pour en avoir 2 ou plus) uniquement les attributs du dernier élément sont récupéré. Alors que je m'attend a avoir un tableau avec les attribut de chaque élément.

Merci de ton aide

[mathieu]

c'est parce que vous utilisez un tableau avec le nom des attributs comme clé.
pour le 1er élément, la valeur de l'attribut est enregistré sous la clé "data-type" par exemple. mais ensuite quand la boucle parcours le 2e élément, la nouvelle valeur écrase la valeur du 1er élément.

avant de faire le code, il faut d'abord que vous choisissez quelle structure de données vous voulez pour stocker le résultat de la lecteur des attributs.