j p rathore Ответов: 2

Как изменить цвет нескольких div при вызове функции с помощью jquery



Содержание страницы 1

Содержание страницы 2

Содержание страницы 3



Что я уже пробовал:

проверка= функция(){
$("#step_wrapper > div").css("background-color":"red");
}



это изменение цвета фона всех step_box1 ,я хочу изменить цвет фона только выбранного div.
спасибо

Sergey Alexandrovich Kryukov

В контексте этого вопроса существует только одно значение выражения "selected": набор объектов DOM (или, скорее, оболочек jQuery), возвращаемых выражением селектора jQuery.

Очевидно, вы имеете в виду что-то другое, возможно, что-то, чего не существует. Если бы вы имели в виду то, что выбирается селекторами (в вашем случае старые div-элементы, которые являются дочерними элементами элемента с id="step_wrapper"), то вы получили бы то, что ожидали, по определению. Я не понимаю, почему вы ожидаете чего-то другого (вы говорите: "все step_box1", но не ясно, что это такое).

Вполне возможно, что то, что вы называете "только выбранный div", просто не существует. Если вы моделируете концепцию выбора пользовательского интерфейса (например, выбранный пункт меню, который не является предопределенной концепцией HTML, в отличие, скажем, от выбранного элемента списка), вам нужно объяснить, как вы это делаете. Другими словами, определите, что такое "выбор", и вы получите решение. И если есть строгие критерии "отбора", то решение будет достаточно простым.

—СА

2 Ответов

Рейтинг:
0

Jinesh N

попробовать это

$(function() { $( "#step_wrapper > div" ).click(function() { 
$( "#step_wrapper > div" ).removeClass('active');
   $(this).addClass('active');
 });
});


в CSS
.active{background-color:red;}


Рейтинг:
0

Anil_goswami

Поскольку ваш код неясен, это выглядит как проблема с селектором, который вы используете для элементов "div". Вы должны использовать правильный селектор и убедиться, что этот элемент существует. Иначе

.css("background-color":"red")
применяются для всех "див" внутри "#step_wrapper" или ничего.

Добавьте больше деталей в свой код.