Изменить фон элемента при нажатии на другой элемент ⇐ CSS
-
Гость
Изменить фон элемента при нажатии на другой элемент
Я пытаюсь написать код на HTML-странице, на которой есть таблица значений. Я хочу, чтобы щелчок по любой строке таблицы менял цвет фона другого элемента, по сути, просто поля, чтобы выделить его среди других полей. Я относительно новичок в JS, HTML, CSS, поэтому еще не совсем освоил их.
Нет, я получил щелчок по строке, чтобы изменить цвет поля, но с парой проблем. Работает только первая строка таблицы, и она не возвращается к исходной после того, как я «откликаю» ее.
Кто-нибудь может помочь? Заранее спасибо.
На данный момент у меня есть следующий код:
#ряд{ положение: родственник; } #сенсор{ ширина: 30 пикселей; высота: 22 пикселей; поле: 0 0 -15 пикселей 0; размер фона: 100%; фон: белый; фоновое повторение: без повторения; переполнение: скрыто; граница: 1 пиксель, сплошная черная; позиция: абсолютная; слева: 70 пикселей; верх: 100 пикселей; z-индекс: 1; } #sensor.clicked {фон: зелёно-жёлтый} различные строки таблицы $('#row').on('click', function () { $("#сенсор").addClass('нажал'); }); ПОД
Я пытаюсь написать код на HTML-странице, на которой есть таблица значений. Я хочу, чтобы щелчок по любой строке таблицы менял цвет фона другого элемента, по сути, просто поля, чтобы выделить его среди других полей. Я относительно новичок в JS, HTML, CSS, поэтому еще не совсем освоил их.
Нет, я получил щелчок по строке, чтобы изменить цвет поля, но с парой проблем. Работает только первая строка таблицы, и она не возвращается к исходной после того, как я «откликаю» ее.
Кто-нибудь может помочь? Заранее спасибо.
На данный момент у меня есть следующий код:
#ряд{ положение: родственник; } #сенсор{ ширина: 30 пикселей; высота: 22 пикселей; поле: 0 0 -15 пикселей 0; размер фона: 100%; фон: белый; фоновое повторение: без повторения; переполнение: скрыто; граница: 1 пиксель, сплошная черная; позиция: абсолютная; слева: 70 пикселей; верх: 100 пикселей; z-индекс: 1; } #sensor.clicked {фон: зелёно-жёлтый} различные строки таблицы $('#row').on('click', function () { $("#сенсор").addClass('нажал'); }); ПОД
Мобильная версия