jquery Faire des maths simples?

Question

J'ai un peu DIV comme ceci:

<div id="counter">2</div> 

Je voudrais utiliser JQuery soit soustraire ou ajouter en laisser dire 1, ce qui 3 ou 1 ...

est-il un moyen en jquery pour le faire? convertir une chaîne en un int peut-être?

Answer 1

$('#counter').text(function(i,txt) { return parseInt(txt, 10) + 1; }); 

Exemple pour l'addition:http://jsfiddle.net/2uBMy/

Exemple pour la soustraction:http://jsfiddle.net/2uBMy/1/

Pour ajouter un chèque de négatif, vous pouvez le faire:

$('#counter').text(function(i,txt) { 
    var result = parseInt(txt, 10) - 1; 
    return (result > 0) ? result : 0; 
}); 

Answer 2

$('#counter').html( +($('#counter').html()) + 1); 

Answer 3

var counter = $('#counter'); 
var value = parseInt(counter.html()); 
counter.html(value + 1); 

Answer 4

$('#counter').text(function(i, txt) { 
    return +txt + 1; 
}); 

De cette manière, le contenu de #counter est converti en un nombre entier. Cela fonctionne très bien pour les nombres, mais si pour une raison quelconque quelque chose comme "foo123" est le contenu, il deviendrait NaN.

donc une autre façon de l'analyser est d'utiliser .parseInt()

$('#counter').text(function(i, txt) { 
    return parseInt(txt, 10) + 1; 
}); 

parseInt() attend deux arguments, une valeur et un radix (nombre de base). Si ceci est invoqué sur "foo123" il retournera "123". On pourrait dire que c'est un mauvais comportement, donc vous devez décider quelle variante vous voulez avoir.

Exemple: http://www.jsfiddle.net/Mtvju/

Ref .: .text()

Answer 5

Oui, le convertir en un int. Utilisez parseInt pour le convertir en entier. Utilisez ensuite .html de jQuery pour obtenir le contenu du <div> et remplacer ces contenus par la nouvelle valeur.

$("#counter").html(parseInt($("#counter").html(),10) + 1) 
$("#counter").html(parseInt($("#counter").html(),10) - 1) 

Try it here!

Answer 6

javascript est faiblement typé. Vous pouvez utiliser des chaînes contenant des nombres et des nombres comme s'ils étaient tous les deux utilisés dans la plupart des cas. Le seul endroit à faire attention est le +, qui est à la fois ajouter et concaténer. Vous devez désambiguïser en quelque sorte.

function subtract() 
{ 
    count = $('#counter').html(); 
    if(count > 0) 
    { 
    count--; 
    } 
    $('#counter').html(count) 
}