Пытаетесь урезать 'px' из строки?

Question

Я пытаюсь завершить мой скрипт местозаполнителем RX. Все, что мне нужно сделать, это получить 'px' в конце строки, возвращаемой этим вызовом.

$(form).children('.inputSpan').each(function() {
   var $input = $(this)
   var $padding = $input.children('.input').css('padding-left');
});

Возвращает «6px». Я хочу обрезать 6 пикселей и убедиться, что это целое число, поэтому я могу добавить к нему 2 пикселя и передать его правилу css. Я новичок в строковых манипуляциях в JavaScript. Помоги мне!

Answer 1

Вы можете использовать базовую функцию javascript replace (), parseInt () или parseFloat () для удаления «px» из вашего результата.Какой метод вы используете, зависит от того, что именно вам нужно.

Ниже приведена сокращенная версия вашего кода с использованием parse replace () для удаления «px».

$(form).children('.inputSpan').each(function() {
   var padding = $(this).children('.input').css('padding-left').replace("px", "");
});

В приведенном вышекод "16px" вернет "16".«16,7px» вернет «16,7px».«16em» вернет «16em».

---

Ниже приведена сокращенная версия вашего кода с использованием parseInt () для удаления «px» и т. Д.

$(form).children('.inputSpan').each(function() {
   var padding = parseInt($(this).children('.input').css('padding-left'));
});

В приведенном выше коде вернется «16px»"16".«16.7px» вернет «16».«16em» вернет «16».В отличие от первого примера replace (), он удалит любой текст, а не только «px».

---

Ниже приведена сокращенная версия вашего кода с использованием parse parseDouble () для удаления «px».и многое другое.

$(form).children('.inputSpan').each(function() {
   var padding = parseDouble($(this).children('.input').css('padding-left'));
});

В приведенном выше коде «16px» вернет «16».«16,7px» вернет «16,7».«16em» вернет «16».В отличие от parseInt (), он сохраняет десятичные дроби, если они у вас есть по какой-то причине.

---

Конечно, вы можете сохранить код длинным, если есть причина увидеть разбитые шаги, предпринятые длябудущая ссылка, или если другие переменные используются по другим причинам.Это длинная версия, использующая parseInt ().

$(form).children('.inputSpan').each(function() {
    var $input = $(this)
    var padding = $input.children('.input').css('padding-left');
    var paddingInt = parseInt(padding);
});

Кроме того, чтобы объяснить изменение имени переменной с $ padding на padding.Символ $ перед переменной javascript широко используется для различения обычных переменных javascript от переменных jQuery, поскольку они имеют различные свойства.Нет смысла использовать $ padding, потому что .css () не возвращает объект jQuery, а просто простую строку.

Кроме того, для более сложных поисков вы можете исследовать регулярные выражения.

Answer 2

function size(value){
    return( parseInt( value.replace('px','') ,10) ); 
}

---

Используйте функцию следующим образом:

size("32px"); // Returns 32 as an integer

Answer 3

$(form).children('.inputSpan').each(function() {
   var $input = $(this)
   var $padding = $input.children('.input').css('padding-left');

   $padding = $padding.substring(0, $padding.Length - 2);
});