Comment ajouter une valeur entière avec javascript (jquery) à une valeur qui renvoie une chaîne?

J'ai un simple bloc HTML comme:

<span id="replies">8</span>

En utilisant jquery, j'essaye d'ajouter un 1 à la valeur (8).

var currentValue = $("#replies").text();
var newValue = currentValue + 1;
$("replies").text(newValue);

Ce qui se passe, c'est que ça ressemble à:

81

puis

811

pas 9, ce qui serait la bonne réponse. Qu'est-ce que je fais mal?

parseInt () le forcera à être de type entier, ou sera NaN (pas un nombre) s'il ne peut pas effectuer la conversion.

var currentValue = parseInt($("#replies").text(),10);

Le deuxième paramètre (base) garantit qu'il est analysé comme un nombre décimal.

Parse int est l'outil que vous devez utiliser ici, mais comme tout outil, il doit être utilisé correctement. Lorsque vous utilisez parseInt, vous devez toujours utiliser le paramètre radix pour vous assurer que la base correcte est utilisée

var currentValue = parseInt($("#replies").text(),10);

L'entier est converti en une chaîne plutôt que l'inverse. Tu veux:

var newValue = parseInt(currentValue) + 1

parseInt n'a pas fonctionné pour moi dans IE. J'ai donc simplement utilisé + sur la variable que vous voulez en tant qu'entier.

var currentValue = $("#replies").text();
var newValue = +currentValue + 1;
$("replies").text(newValue);

En ce qui concerne la mauvaise interprétation octale de .js - je viens d'utiliser ceci ...

parseInt(parseFloat(nv))

et après avoir testé avec des zéros non significatifs, revenait à chaque fois avec la représentation correcte.

J'espère que cela t'aides.

Votre code devrait aimer ceci:

<span id="replies">8</span>

var currentValue = $("#replies").text();
var newValue = parseInt(parseFloat(currentValue)) + 1;
$("replies").text(newValue);

Hacks N Tricks

pour incrémenter de un, vous pouvez faire quelque chose comme

  var newValue = currentValue ++;

var month = new Date().getMonth();
var newmon = month + 1;
$('#month').html((newmon < 10 ? '0' : '') + newmon );

J'ai simplement résolu votre problème mensuel, le tableau getMonth commence de 0 à 11.

Vous pouvez multiplier la variable par 1 pour forcer JavaScript à convertir la variable en un nombre pour vous, puis l'ajouter à votre autre valeur. Cela fonctionne car la multiplication n'est pas surchargée comme l'addition. Certains peuvent dire que c'est moins clair que parseInt, mais c'est une façon de le faire et cela n'a pas encore été mentionné.

Ajoutez simplement un signe plus avant la valeur du texte

var newValue = +currentValue + 1;

Vous pouvez utiliser la méthode parseInt () pour convertir une chaîne en entier en javascript

Tu viens de changer le code comme ça

$("replies").text(parseInt($("replies").text(),10) + 1);