jQuery / Javascript - ฉันจะแปลงค่าพิกเซล (20px) เป็นค่าตัวเลข (20) ได้อย่างไร

ฉันรู้ว่า jQuery มีวิธีการช่วยเหลือสำหรับการแยกสตริงหน่วยเป็นตัวเลข jQuery method ทำอะไรได้บ้าง?

var a = "20px";
var b = 20;
var c = $.parseMethod(a) + b;

ไม่จำเป็นต้องใช้ jQuery สำหรับสิ่งนี้Plain Ol 'JS (tm)จะทำคุณ

parseInt(a, 10);

โดยทั่วไปparseFloatจะประมวลผลตัวเลขทศนิยมอย่างถูกต้องในขณะที่parseIntอาจสูญเสียเลขนัยสำคัญไปอย่างเงียบ ๆ :

parseFloat('20.954544px')
> 20.954544
parseInt('20.954544px')
> 20

 var c = parseInt(a,10);

$.parseMethod = function (s)
{
    return Number(s.replace(/px$/, ''));
};

แม้ว่าสิ่งนี้จะเกี่ยวข้องกับ jQuery อย่างไรฉันไม่รู้

ขออภัยที่ขุดขึ้นมา แต่:

var bar = "16px";

var foo = parseInt(bar, 10); // Doesn't work! Output is always 16px
// and
var foo = Number(s.replace(/px$/, '')); // No more!

$(document).ready(function(){<br>
    $("#btnW1").click(function(){<br>
        $("#d1").animate({<br>
            width: "+=" + x,

        });
    });

เมื่อพยายามระบุตัวแปร x ด้วยค่าพิกเซล I โดยใช้ jquery ฉันใส่เครื่องหมาย + = ในเครื่องหมายคำพูด แทนที่จะมี width: '+ = x' ซึ่งใช้ไม่ได้เพราะคิดว่า x เป็นสตริงแทนที่จะเป็นตัวเลข หวังว่านี่จะช่วยได้