一次只将背景更改为一个输入框jquery

Question

我想在点击输入框时更改div的背景，我尝试了这个但是它将所有背景更改为包含输入框的所有div。

$(document).ready(function () {
    $(".djform_row :input").on('click', function () {
        $(".djform_field").css("background", "red");
    });
});
$(document).ready(function () {
    $(".djform_row :input").on('blur', function () {
        $(".djform_field").css("background", "yellow");
    });
});

Answer 1

如果DIV具有类djform_field并且是输入的父级，则类似这样：

$(document).ready(function () {
    $(".djform_row :input").on({
        focus: function () {
             $(this).closest(".djform_field").css("background", "red");
        },
        blur: function () {
             $(this).closest(".djform_field").css("background", "yellow");
        }
    });
});