将背景更改为每次只有一个输入框jquery - Change background to only one inputbox at a time jquery

Change background to only one inputbox at a time jquery

本文关键字：有一个输入 jquery 背景 | 更新日期: 2023-11-23

我想在单击输入框时更改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");
    });
});

如果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");
        }
    });
});