Obtenir la valeur d'un attribut [Débutant(e)] [Résolu]

[ludojojo]

Bonjour,

J'ai une div qui contient deux attributs :

Code :

<div class="maclass" attribut1="1" Attribut2="2" ...>

Comment puis-je faire pour obtenir la valeur de mon "Attribut2" en connaissant la valeur de mon "Attribut1" ?

Je pensais faire quelque chose du genre :

Code :

$('div[attribut1='+MonAttibut1+']')...

Une idée ?

[Macmillenium]

http://api.jquery.com/attr/ ?

[ludojojo]

Envoyé par Macmillenium

http://api.jquery.com/attr/ ?

C'est par là que j'ai commencé...
Mon problème c'est que ce code fonctionne pour récupérer un attribut, mais comment faire pour obtenir la valeur du second attribut en fonction du premier ?

[danielhagnoul]

Bonsoir

Il n'y a aucune difficulté avec la méthode attr(). Pour des attributs personnels il est conseillé d'utiliser les attributs data (HTML5). Ils sont utilisables partout grâce à jQuery. Voir : http://api.jquery.com/data/.

Code :

1
2
3
<div class="maclass" x="1" y="2"></div>
 
<div class="maclass" data-div-x="5" data-div-y="6"></div>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var jObj = $("div.maclass");
 
/*
 * Récupération de la valeur des attributs "x" et "y"
 * de la première division ayant la class "maclass".
 */ 
console.log( "attr", jObj.eq(0).attr("x"), jObj.eq(0).attr("y")  );
 
/*
 * Récupération de la valeur des attributs "data-div-x" et "data-div-y"
 * de la deuxième division ayant la class "maclass".
 *
 * Les attributs data doivent toujours être écrits en minuscules et dans
 * le sélecteur jQuery on utilise le camelCase, "divX"
 */ 
console.log( "data", jObj.eq(1).data("divX"), jObj.eq(1).data("divY") );
 
/*
 * Seconde méthode de récupération de la valeur des attributs "data-div-x" et "data-div-y"
 * de la deuxième division ayant la class "maclass".
 */ 
var xy = jObj.eq(1).data();
 
console.log( "data", xy.divX, xy.divY );

[ludojojo]

+1
Merci !