quitar - separar numero por miles javascript

agregar comas a un número en jQuery

Question

Tengo estos números

10999 y 8094 y 456

Y todo lo que quiero hacer es agregar una coma en el lugar correcto si es necesario así que se ve así

10,999 y 8,094 y 456

Todos están dentro de una etiqueta de ap como esta <p class="points">10999</p> etc.

Se puede hacer?

Lo intenté aquí con la ayuda de otras publicaciones http://jsfiddle.net/pdWTU/1/ pero parece que no funciona

Gracias

Jamie

ACTUALIZAR

Enredado un poco y se las arregló para descubrirlo aquí http://jsfiddle.net/W5jwY/1/

Ir a ver el nuevo plugin Globalization para una mejor forma de hacerlo

Gracias

Jamie

Answer 1

Aquí está mi versión coffeescript del violín de @ baacke en un comentario a @Timothy Perez

class Helpers
    @intComma: (number) ->
        # remove any existing commas
        comma = /,/g
        val = number.toString().replace comma, ''''

        # separate the decimals
        valSplit = val.split ''.''

        integer = valSplit[0].toString()
        expression = /(/d+)(/d{3})/
        while expression.test(integer)
            withComma = "$1,$2"
            integer = integer.toString().replace expression, withComma

        # recombine with decimals if any
        val = integer
        if valSplit.length == 2
            val = "#{val}.#{valSplit[1]}"

        return val

Answer 2

Echa un vistazo al complemento de globalización lanzado recientemente por jQuery de Microsoft

Answer 3

Eche un vistazo a Numeral.js . Puede formatear números, moneda, porcentajes y tiene soporte para localización.

Answer 4

Funciona en todos los navegadores, esto es todo lo que necesita.

  function commaSeparateNumber(val){
    while (/(/d+)(/d{3})/.test(val.toString())){
      val = val.toString().replace(/(/d+)(/d{3})/, ''$1''+'',''+''$2'');
    }
    return val;
  }

Escribió esto para ser compacto, y al punto, gracias a regex. Esto es JS directo, pero puedes usarlo en tu jQuery así:

$(''#elementID'').html(commaSeparateNumber(1234567890));

o

$(''#inputID'').val(commaSeparateNumber(1234567890));

Answer 5

La respuesta de Timothy Pirez fue muy correcta, pero si necesita reemplazar los números con comas Inmediatamente como usuario escribe en el campo de texto, puede usar la función Keyup.

      $(''#textfield'').live(''keyup'', function (event) {
        var value=$(''#textfield'').val();

      if(event.which >= 37 && event.which <= 40){
          event.preventDefault();
      }
      var newvalue=value.replace(/,/g, '''');   
      var valuewithcomma=Number(newvalue).toLocaleString(''en'');   
      $(''#textfield'').val(valuewithcomma); 

      });

    <form><input type="text" id="textfield" ></form>

Answer 6

Otra forma de hacerlo:

function addCommas(n){
  var s = "",
      r;

  while (n) {
    r = n % 1000;
    s = r + s;
    n = (n - r)/1000;
    s = (n ? "," : "") + s;
  }

  return s;
}

alert(addCommas(12345678));

Answer 7

Supongo que estás haciendo algún tipo de localización, así que echa un vistazo a este script .

Answer 8

otro enfoque:

function addCommas(nStr)
{
    nStr += '''';
    x = nStr.split(''.'');
    x1 = x[0];
    x2 = x.length > 1 ? ''.'' + x[1] : '''';
    var rgx = /(/d+)(/d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, ''$1'' + '','' + ''$2'');
    }
    return x1 + x2;
}
var a  = addCommas(10000.00);
alert(a);

Otro plugin increíble: http://www.teamdf.com/web/jquery-number-format/178/

Answer 9

    function delimitNumbers(str) {
      return (str + "").replace(//b(/d+)((/./d+)*)/b/g, function(a, b, c) {
        return (b.charAt(0) > 0 && !(c || ".").lastIndexOf(".") ? b.replace(/(/d)(?=(/d{3})+$)/g, "$1,") : b) + c;
      });
    }

    alert(delimitNumbers(1234567890));

Answer 10

Number(10000).toLocaleString(''en'');  // "10,000"