javascript - 无法选择div的输入

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);