Fügen Sie einer Zahl in jQuery Kommas hinzu

Ich habe diese Nummern

10999und 8094und456

Und alles, was ich tun möchte, ist, an der richtigen Stelle ein Komma hinzuzufügen, wenn es benötigt wird, damit es so aussieht

10,999und 8,094und456

Diese befinden sich alle in einem solchen ap-Tag <p class="points">10999</p>usw.

Kann es gemacht werden?

Ich habe es hier mit Hilfe anderer Beiträge versucht: http://jsfiddle.net/pdWTU/1/, aber es scheint nicht zu funktionieren

Vielen Dank

Jamie

AKTUALISIEREN

Ein bisschen rumgespielt und es hier herausgefunden http://jsfiddle.net/W5jwY/1/

Schauen Sie sich das neue Globalisierungs-Plugin an, um eine bessere Möglichkeit zu finden

Vielen Dank

Jamie

Funktioniert mit allen Browsern, das ist alles was Sie brauchen.

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

Schrieb dies, um kompakt und auf den Punkt zu kommen, dank Regex. Dies ist Straight JS, aber Sie können es in Ihrer jQuery wie folgt verwenden:

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

oder

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

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

Die Antwort von Timothy Pirez war sehr korrekt, aber wenn Sie die Zahlen durch Kommas ersetzen müssen Sofort, wenn der Benutzer das Textfeld eingibt, möchten Sie möglicherweise die Keyup-Funktion verwenden.

      $('#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>

Schauen Sie sich das kürzlich veröffentlichte Globalization-Plugin für jQuery von Microsoft an

Schauen Sie sich Numeral.js an . Es kann Zahlen, Währungen und Prozentsätze formatieren und unterstützt die Lokalisierung.

    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));

Ich vermute, dass Sie eine Art Lokalisierung durchführen. Schauen Sie sich also dieses Skript an .

Verwenden von toLocaleString ref unter https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

function formatComma(value, sep = 0) {
      return Number(value).toLocaleString("ja-JP", { style: "currency", currency: "JPY", minimumFractionDigits: sep });
    }
console.log(formatComma(123456789, 2)); // ￥123,456,789.00
console.log(formatComma(123456789, 0)); // ￥123,456,789
console.log(formatComma(1234, 0)); // ￥1,234

Ein anderer Ansatz:

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);

Ein weiteres erstaunliches Plugin: http://www.teamdf.com/web/jquery-number-format/178/

Ein anderer Weg, es zu tun:

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));

Hier ist meine Coffeescript-Version von @ baackes Geige in einem Kommentar zu @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