Convert Funktion in jQuery-Plugin

Question

Ich habe diese Funktion:

function abbrNum(number){ 
    var decPlaces = Math.pow(10, 3); 
    var abbrev = ["k", "m", "b", "t", "qd", "qi", "sx", "sp", "oc", "n", "d"]; 
    for (var i = abbrev.length-1; i>=0; i--){ 
     var size = Math.pow(10, (i+1) * 3); 
     if(size <= number){ 
      number = Math.round(number*decPlaces/size)/decPlaces; 
      if((number == 1000) && (i < abbrev.length - 1)){ 
       number = 1; 
       i++ 
      } 
      number += abbrev[i]; 
      break; 
     }   
    } 
    return number; 
} 

ich es in ein Plugin zum Beispiel genannt konvertieren möchten format, die einen Text von einer Spanne wird, läuft es durch diese Funktion, stellen Sie den Text von der gleichen Spanne das Ergebnis, das es von der Funktion erhält.

So, jetzt, wenn Sie die Funktion ausführen funktioniert es wie folgt aus:

abbrNum(123456); //123.456k 
abbrNum(12345678); //12.345m 

Deshalb möchte ich eine Spanne auswählen zu können, ändern Sie es Text ist, und es dann zu formatieren, so etwas wie:

$('span').text(1234).format(); //set span text to 1.234k 

Wie kann ich das tun?

Answer 1

erstellen Plugin von der Funktion, die Sie, mit jQuery text() Methode

$.fn.format = function(){ 
 
    this.text(function(_, number) { 
 
     var decPlaces = Math.pow(10, 3); 
 
     var abbrev = ["k", "m", "b", "t", "qd", "qi", "sx", "sp", "oc", "n", "d"]; 
 
     for (var i = abbrev.length-1; i>=0; i--){ 
 
      var size = Math.pow(10, (i+1) * 3); 
 
      if(size <= number){ 
 
       number = Math.round(number*decPlaces/size)/decPlaces; 
 
       if((number == 1000) && (i < abbrev.length - 1)){ 
 
        number = 1; 
 
        i++ 
 
       } 
 
       number += abbrev[i]; 
 
       break; 
 
      }   
 
     } 
 
     return number; 
 
    }); 
 
} 
 

 
$('span').text(1234).format();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span></span>

Answer 2

Dies wäre der einfachste Weg.

$.fn.pluginName = function() { 
    // Your Code 
};