試圖修剪'字符串'字符串？

Question

我正在試圖包裝我的腳本placeholderRX。我需要做的就是從該調用返回的字符串末尾獲取'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替換（），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」。

---

以下是使用parse 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

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

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

Answer 3

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

---

使用功能是這樣的：

​​