ฉันจะเพิ่มค่าจำนวนเต็มด้วย javascript (jquery) ให้กับค่าที่ส่งคืนสตริงได้อย่างไร

ฉันมีบล็อก html ง่ายๆเช่น:

<span id="replies">8</span>

ใช้ jquery ฉันพยายามเพิ่ม 1 ให้กับค่า (8)

var currentValue = $("#replies").text();
var newValue = currentValue + 1;
$("replies").text(newValue);

สิ่งที่เกิดขึ้นมันปรากฏดังนี้:

81

แล้ว

811

ไม่ใช่ 9 ซึ่งจะเป็นคำตอบที่ถูกต้อง ผมทำอะไรผิดหรือเปล่า?

parseInt () จะบังคับให้เป็นประเภทจำนวนเต็มหรือจะเป็น NaN (ไม่ใช่ตัวเลข) หากไม่สามารถทำการแปลงได้

var currentValue = parseInt($("#replies").text(),10);

พารามิเตอร์ตัวที่สอง (radix) ทำให้แน่ใจว่าได้แยกวิเคราะห์เป็นตัวเลขทศนิยม

Parse int เป็นเครื่องมือที่คุณควรใช้ที่นี่ แต่เช่นเดียวกับเครื่องมือใด ๆ ที่ควรใช้อย่างถูกต้อง เมื่อใช้ parseInt คุณควรใช้พารามิเตอร์ radix เสมอเพื่อให้แน่ใจว่าใช้ฐานที่ถูกต้อง

var currentValue = parseInt($("#replies").text(),10);

จำนวนเต็มจะถูกแปลงเป็นสตริงแทนที่จะเป็นในทางกลับกัน คุณต้องการ:

var newValue = parseInt(currentValue) + 1

parseInt ไม่ทำงานสำหรับฉันใน IE ผมก็เลยใช้ + กับตัวแปรที่คุณต้องการเป็นจำนวนเต็ม

var currentValue = $("#replies").text();
var newValue = +currentValue + 1;
$("replies").text(newValue);

เกี่ยวกับการตีความผิดฐานแปดของ. js - ฉันเพิ่งใช้สิ่งนี้ ...

parseInt(parseFloat(nv))

และหลังจากทดสอบด้วยเลขศูนย์นำหน้ากลับมาทุกครั้งด้วยการแทนค่าที่ถูกต้อง

หวังว่านี่จะช่วยได้

รหัสของคุณควรเป็นดังนี้:

<span id="replies">8</span>

var currentValue = $("#replies").text();
var newValue = parseInt(parseFloat(currentValue)) + 1;
$("replies").text(newValue);

Hacks N Tricks

เพื่อเพิ่มทีละอย่างคุณสามารถทำสิ่งที่ชอบ

  var newValue = currentValue ++;

var month = new Date().getMonth();
var newmon = month + 1;
$('#month').html((newmon < 10 ? '0' : '') + newmon );

ฉันเพิ่งแก้ไขปัญหาเดือนของคุณอาร์เรย์ getMonth เริ่มจาก 0 ถึง 11

เพียงแค่ใส่เครื่องหมายบวกก่อนค่าข้อความ

var newValue = +currentValue + 1;

คุณสามารถคูณตัวแปรด้วย 1 เพื่อบังคับให้ JavaScript แปลงตัวแปรเป็นตัวเลขให้คุณจากนั้นเพิ่มเป็นค่าอื่นของคุณ วิธีนี้ได้ผลเนื่องจากการคูณไม่ได้รับมากเกินไปเนื่องจากการเพิ่มเป็น บางคนอาจบอกว่ามันชัดเจนน้อยกว่า parseInt แต่มันเป็นวิธีที่ทำได้และยังไม่ได้กล่าวถึง

คุณสามารถใช้เมธอด parseInt () เพื่อแปลงสตริงเป็นจำนวนเต็มในจาวาสคริปต์

คุณแค่เปลี่ยนรหัสแบบนี้

$("replies").text(parseInt($("replies").text(),10) + 1);