Условные операторы значений CSS с помощью JQuery

Question

Я пытаюсь это:

if($("#img").css("left")>=100) 

, но он всегда возвращает ложь, потому что $("#img").css("left") возвращает "200px" в виде строки.

Answer 1

parseInt будет преобразовать строку в целое число для вас:

if(parseInt($("#img").css("left"), 10)>=100) 

Answer 2

временное решение, чтобы использовать эту функцию, которая возвращает значение атрибута CSS, исключая "px":

function getCSSval(str){ 
    return parseInt(str.substring(0, str.length - 2)); 
    //e.g. "200px" --> "200" 
} 

Но я надеялся, что может быть более прямой путь

Answer 3

Вам нужно разобрать возвращаемое значение в целое число, чтобы сравнить его с 100:

if (parseInt($("#img").css("left"), 10) >= 100)

Answer 4

Наиболее эффективный код, чтобы получить целую часть является использование regular expressions

if(parseInt($("#img").css("left").replace(/\s?px/i, "")) >= 100)