無法選擇分區的輸入

Question

我想選擇一個特定的輸入到div但它不會選擇，如果我選擇標籤，它工作正常。帶星號的代碼行是代碼裏面的問題：

$('#billing_first_name, #billing_last_name, #billing_city').click(function() { 

var label = $("label[for='"+this.id+"']"); 
//this line below does not work 
**var input = $("input[for='"+this.id+"']");** 

$(this).on('blur', function() { 

    if (($(this).val() === '') || (!$(this).val().match('^[a-zA-Z]{3,16}$'))) { 
     input.css("border-color", "#ff0000"); 
     label.css("color", "#ff0000"); 
    } else{ 
     input.css("border-color", "#ccc"); 
     label.css("color", "#404040"); 
    } 


}) 

$('.backToCheckout').click(function(){ 
    input.css("border-color", "#ccc"); 
    label.css("color", "#404040"); 
}) 

}); 

期待一些提示和幫助謝謝。

Answer 1

，如果你需要通過ID來選擇，那就試試這個

var input = $("input#" + this.id);