2016-06-22 14 views
-1
var value = 2.00 

Wie kann ich einen span-Tag rund um die‘.00' hinzufügen, eine Spanne um einen Dezimalwert hinzuzufügen, so dass auf meiner Seite, die ich mit enden würde:Javascript Mit

2<span>.00</span> 

Bitte beachten dass die '00' ein anderer Wert sein kann. Hängt von den Daten ab, die injiziert werden.

Antwort

1

Sie können String#replace

var value = '2.00'; 
 
console.log(
 
    value.replace(/\.(\d+)/, '.<sapn>$1</span>') 
 
);
verwenden verwenden


Wenn die Variable einen Number hält dann wandelt es in 2 Dezimal-Format-String mit Number#toFixed und das gleiche tun.

var value = 2.00; 
 
console.log(
 
    value.toFixed(2).replace(/\.(\d+)/, '.<sapn>$1</span>') 
 
);


Siehe: Specifying a string as a parameter in replace method.

+0

Was ist $ 1? ? Ich muss in der Lage sein, den Dezimalwert '.00' in das Span-Tag zu injizieren. – Richy

+0

@Richy: $ 1 ist der erfasste Wert .... in diesem Fall '(\ d +)', die Ziffer nach '.' ... Siehe : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Specifying_a_string_as_a_parameter –

+0

Rückkehr muss in HTML sein – Richy

0

Verwenden Sie die toFixed Funktion

var num = 5.56789; 
var n = num.toFixed(2); 

wenn Sie die Zeichenfolge an die Nummer benötigen zurück können Sie parseFloat Funktion

var num = parseFloat(n) 
+0

Notiz, dass n ist jetzt eine Zeichenkette und muss in eine Zahl zurückgeschrieben werden, wenn Berechnungen dafür – gavgrif

+0

normalerweise erforderlich sind Sie müssen die Präsentation vom Modell trennen. Halten Sie Ihren aktuellen Float-Wert intakt und konvertieren Sie eine formatierte Kopie – rkmax

+0

Entschuldigung, Sie waren nicht in der Lage, die span-Tag um den Dezimalwert zu sehen. – Richy

1

teilen Sie es in die beiden Teile und fügen Sie einen Span zum zweiten Teil hinzu. Nicht sicher, ob Sie die Dezimalstelle innerhalb der Spanne oder nicht wollen, aber dies wird es tun.

var value = '2.00'; 
 
var valueParts=value.split("."); 
 
var newValue=valueParts[0] +"<span>."+valueParts[1]+ "</span>"; 
 
alert(newValue);

+0

Rückgabewert muss in HTML sein – Richy

0

Wenn Sie einen "span-Tag" speziell zu fragen, ist so hier ein Ansatz JQuery:

$(document).ready(function() { 
    var value = 2.00 
    value = value.toFixed(2); 

    $('body').append(value.split('.')[0] + '<span>.' + value.split('.')[1] + '</span>'); 
}); 

Sehen Sie dieses jsfiddle Beispiel: https://jsfiddle.net/fictus/tj7df8qh/