Discussion :

[renaud26]

Bonjour à tous,

Je voudrais créer un tableau associatif (id et valeur) avec les éléments d'une même classe. Dans cet exemple, les éléments sont des textareas dynamiques dont les id dont issus d'une BDD.

Code :

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

1
2
3
4
5
6
7
 
var $content = $(".uneClasse");
 
$content.each(function(i, val) {
id_area = $content[i].attr('id');
val_area = $content[i].val();
});

Mais ça fait planter Firebug. J'en déduis que $content n'est pas un tableau mais un objet. Comment procéder, alors, pour avoir un tableau associatif qui contiendrait :

id => valeur

Que je pourrais ensuite utiliser simplement avec un .each.
Merci pour vos conseils.

[Bovino]

Note que le second paramètre de .each() correspond à l'élément DOM en cours de traitement.
D'autre part, dans ton code, il n'est nulle part question d'alimenter un objet (oui, les tableaux associatifs n'existent pas en JavaScript).
Une solution serait du style :

Code :

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

1
2
3
4
5
6
7
var $content = $(".uneClasse"),
    result = {};
$content.each(function(i, elem) {
    elem = $(elem); // transforme elem en objet jQuery
    result[elem.attr('id')] = elem.val();
});
// Ton objet result contient maintenant les propriétés id / valeur

[renaud26]

Merci Bovino de tes précieux conseils. C'est tout à fait ce que je cherchais.
Bonne journée à toi.