Faire un calcul en jQuery à partir de données dans des balises HTML

lululink
Javascript

Bonjour, je rencontre un problème avec mon code jQuery.

Je vous explique : je souhaite faire un calcul à partir de données contenues dans des balises HTML. Pour séléctionner les balises, c'est bon, mais j'ai plus de mal à les convertir en nombres. Voici mes codes :

HTML 
<tr class="yellow">
                <td id="fhu">43</td>
                <td id="fhnu">12</td>
                <td id="fhr">0</td>
                <td id="fttl"></td>
 </tr>
JS/jQuery 
 $(document).ready(function() {
    var fhu = $('#fhu');
    var fhnu = $('#fhnu');
    var fhr = $('#fhr');
    var fttl = fhu + fhnu + fhr;
    $('#fttl').text(fttl);
});

Bien sûr, j'ai essayé avec des parseInt(), des parseFloat() et des Number().

Merci à ceux qui veulent m'aider.

5 réponses

Pierrot01
Réponse acceptée

Bonsoir,

$(document).ready(function() {
    var fhu =  parseInt($('#fhu').val());
    var fhnu = parseInt($('#fhnu').val());
    var fhr = parseInt($('#fhr').val());
    var fttl = fhu + fhnu + fhr;
    $('#fttl').text(fttl);
});

@plus

Pierre

Pierrot01
Réponse acceptée

salut
change .val() en .text()

@pluche

Pierre

lululink
Auteur

Bonsoir, le code que tu m'as envoyé ne va pas. La sortie est NaN. Mon nouveau code est un copié-collédu tien.

lululink
Auteur

Merci, ça fonctionne ☺.

Pierrot01

alors, met en résolu ;)
@plus
Pierre