jQuery / Javascript - 픽셀값(20px)을 숫자값(20)으로 변환하는 방법

jQuery / Javascript - 픽셀값(20px)을 숫자값(20)으로 변환하는 방법

저는 jQuery에 단위 문자열을 숫자로 파싱하는 헬퍼 방법이 있다는 것을 알고 있습니다.이것을 하기 위한 jQuery 방법은 무엇입니까?

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

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

jQuery와 어떻게 연관이 있는건지는 모르겠지만,

 var c = parseInt(a,10);

조사해서 미안하지만:

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,

        });
    });

jquery를 사용하여 픽셀 값 I로 변수 x를 식별하려고 할 때 +=를 따옴표에 넣었습니다.폭이 '+= x'인 대신, x가 숫자가 아닌 문자열이라고 생각하기 때문에 작동하지 않습니다.이것이 도움이 되기를 바랍니다.

언급URL : https://stackoverflow.com/questions/3024084/jquery-javascript-how-do-i-convert-a-pixel-value-20px-to-a-number-value-2