Discussion :

[ludojojo]

Bonjour,

J'ai une div qui contient deux attributs :

Code :

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

<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 :

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

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

Une idée ?

[Macmillenium]

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

[ludojojo]

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 :

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

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

Code :

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

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 !