ajouter des virgules à un nombre en jQuery

Question

J'ai ces chiffres

10999 et 8094 et 456

Et tout ce que je veux faire, c'est ajouter une virgule au bon endroit si nécessaire pour que ça ressemble à ceci

10,999 et 8,094 et 456

Tout cela se trouve dans une balise p, comme ceci <p class="points">10999</p> etc.

Est-ce que c'est possible ?

J'ai tenté de le faire ici avec l'aide d'autres postes. http://jsfiddle.net/pdWTU/1/ mais je n'arrive pas à le faire fonctionner.

Merci

Jamie

UPDATE

Je me suis un peu amusé et j'ai réussi à trouver une solution ici. http://jsfiddle.net/W5jwY/1/

Je vais regarder le nouveau plugin Globalization pour trouver une meilleure façon de le faire.

Merci

Jamie

Answer 1

Fonctionne sur tous les navigateurs, c'est tout ce dont vous avez besoin.

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

J'ai écrit ce texte pour qu'il soit compact et précis, grâce aux regex. C'est du JS pur, mais vous pouvez l'utiliser dans votre jQuery comme ça :

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

ou

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

Toutefois, si vous souhaitez quelque chose de plus propre, avec de la flexibilité. Le code ci-dessous fixera correctement les décimales, supprimera les zéros en tête, et peut être utilisé sans limite. Merci à @baacke dans les commentaires.

  function commaSeparateNumber(val){
   val = val.toString().replace(/,/g, ''); //remove existing commas first
   var valRZ = val.replace(/^0+/, ''); //remove leading zeros, optional
   var valSplit = valRZ.split('.'); //then separate decimals

   while (/(\d+)(\d{3})/.test(valSplit[0].toString())){
    valSplit[0] = valSplit[0].toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2');
   }

   if(valSplit.length == 2){ //if there were decimals
    val = valSplit[0] + "." + valSplit[1]; //add decimals back
   }else{
    val = valSplit[0]; }

   return val;
  }

Et dans votre jQuery, utilisez comme ceci :

$('.your-element').each(function(){
  $(this).html(commaSeparateNumber($(this).html()));
});

Voici le jsFiddle .

Answer 2

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

Answer 3

Jetez un coup d'œil à la publication récente Plugin de globalisation à jQuery par Microsoft

Answer 4

    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 5

Je suppose que vous faites une sorte de localisation, alors jetez un coup d'oeil à ce script .