Récupérer valeur d'un span puis faire des opérations mathématiques [Résolu]

[Khleo]

Bonjour,

Je cherche à récupérer la valeur d'un span pour réaliser des calculs mathématiques :

Code :

1
2
3
4
5
6
<script type="text/javascript">
function ValeurSpan () {
var resultat = $("#Categ25").text()+25;
	alert (resultat);
}
</script>

Code :

<span onclick="ValeurSpan()" id="Categ25">256</span>

Le problème c'est qu'il me retourne 25625 alors que j'attends le résultat 281.

Merci

[nadox]

Bonjour,

En javascript, les variables sont quand même typées. La seule différence avec un language plus fortement typé, c'est qu'on a pas besoin de spécifier le type de sa variable lors de la déclaration. Ainsi les données sont typées dynamiquement, et le type d'une même variable peut changer durant l'éxécution.
La méthode 'text()' de jQuery renvoit une chaine.
Que se passe-t-il si on utilise l'opérateur + entre une chaine et un nombre ?
Si une des opérande est une chaine, l'interpréteur va faire l'opération de concaténation plutôt que l'opération mathématique.

Il faut donc "caster" le résultat obtenu par la méthode 'text' en un type 'nombre' afin de retrouver le comportement attendu.

Voici deux façon de faire :

Code :

1
2
3
4
5
6
7
8
9
10
11
var chaine = "10";
var nombre = 9;
var resultat1 = chaine+nombre; // concaténation : 109
var resultat2 = nombre+chaine; // concaténation : 910
chaine = parseInt(chaine,10); // méthode standard pour convertir une chaine en nombre entier. le deuxième paramêtre sert à forcer la conversion vers une base 10, utile pour le cas d'une chaine comme "08".
//chaine = parseFloat(chaine,10); // méthode standard pour convertir une chaine en nombre flottant. le deuxième paramêtre sert à forcer la conversion vers une base 10, utile pour le cas d'une chaine comme "08".
//chaine = +chaine; // pré-incrémentation d'une chaine : méthode élégante mais très peu explicite...
var resultat3 = chaine+nombre; // 19
alert(resultat1);
alert(resultat2);
alert(resultat3);

[Khleo]

Bonjour,

Merci pour la réponse, ça fonctionne parfaitement

++

[SpaceFrog]

Code :

$('#bar').text($('#bar').text()*1+25)

.

Code :

<span id="bar">10</span>