jquery Hacer matemáticas simples?

Question

tengo un poco DIV así:

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

Me gustaría utilizar jQuery para cualquiera restar o sumar por let decir 1, resultando en 3 o 1 ...

hay una manera en jquery para hacer esto? convertir una cadena a un int tal vez?

Answer 1

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

Ejemplo para la adición:http://jsfiddle.net/2uBMy/

Ejemplo para la resta:http://jsfiddle.net/2uBMy/1/

Para añadir un cheque para el negativo, que podría hacer esto:

$('#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 esta manera, el contenido de #counter se convierten en un número entero. Esto funciona muy bien para los números, pero si por algún motivo algo como "foo123" es el contenido, se convertiría en NaN.

Así pues, otra manera de analizar que es usar .parseInt()

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

parseInt() espera dos argumentos, un valor y una base (número de base). Si esto se invoca en "foo123", devolverá "123". Se podría decir que este es un comportamiento incorrecto, por lo que debe decidir qué variante desea tener.

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

Ref .: .text()

Answer 5

Sí, convertirlo en un int. Use parseInt para convertirlo a un número entero. A continuación, utilice el .html de jQuery para obtener los contenidos del <div> y reemplazar esos contenidos con el nuevo valor.

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

Try it here!

Answer 6

Javascript se escribe sin apretar. Puede usar cadenas que contienen números y números como si fueran ambos para la mayoría de los propósitos. El único lugar para tener cuidado es el +, que es tanto agregar como concatenar. Necesitas desambiguar de alguna manera.

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