Изменить фон только на одно поле ввода одновременно

0

Я хочу изменить фон 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");
    });
});
  • 1
    Теперь вы должны опубликовать соответствующий HTML-код. Это нормально, я просто позвонил медиуму, и он сказал мне: $(this).closest('div').find(".djform_field").css("background", "red"); PS: аденео знает лучшего парня, чем я, я думаю ...
  • 0
    Код слишком велик, чтобы его можно было разместить здесь. Я использую joomla, и у меня есть страница «Добавить элемент», которая содержит ALOT из полей ввода, блоков выбора, текстовых областей ... .djform_row - это контейнер .djform_field, в котором есть поля ввода.
Показать ещё 1 комментарий
Теги:

1 ответ

2
Лучший ответ

Если 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");
        }
    });
});
Поделиться
  • 0
    выглядит более справедливо, чем то, что я могу получить от телефонного звонка ...
  • 0
    Спасибо, сэр, вы сделали мой день
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню