0

Есть абсолютно аналогичные div с информацией о заказе (только содержание немного разное). Выпадающий список стилизован по дизайну. Когда я кликаю на option селекта одного дива, стиль применяется к другим, так как класс один. Можно ли задать стиль классу только в одном элементе? Вот то, что я задаю:

jQuery(document).ready(function(){
    jQuery('.accepted').click(function(){
        jQuery('.selectstatus').css('color', '#0a8eaf');
    });
});

Простите, если что-то коряво. Первый день знакомлюсь с jQuery. А по другому, говорят, нельзя задать стиль селекту.

2
  • Селекты лежат внутри этого дива? 16 мар 2016 в 19:33
  • Да, див с общей информацией о заказе. Сколько клиент сделает заказов, столько дивов и появится. А селект для выбора статуса заказа в админке. .selectstatus это класс селекта, .accepted это класс одного из option. Общий див .infoline. Все options по разному расцвечены. Когда выбираю в одном .infoline, в другом также меняется цвет содержимого селекта. 16 мар 2016 в 19:54

1 ответ 1

1

Если нужно менять только соответствующего предка, то решение такое:

jQuery(function($) {
    $('.accepted').click(function(){
        $(this).closest('.selectstatus').css('color', '#0a8eaf');
    });
});

closest() указывает на ближайшего потомка, соответствующего селектору.

Также обратите внимание на конструкцию jQuery(function($) {}). Она позволяет использовать краткий синоним $ внутри блока, если jQuery подключен в режиме noConflict. Кроме того данная функция будет вызвана по событию document.ready.

4
  • Я неправильно спросил. .selectstatus это класс селекта, а .accepted это класс одного из option. А селект вместе с другой информацией о заказе находится в одном большом диве. В зависимости от того, сколько заказов клиент сделает, столько будет этих общих дивов. Поэтому я классы им всем одинаковые задаю. 16 мар 2016 в 19:44
  • Обновил ответ, посмотрите. 16 мар 2016 в 19:58
  • Огромное наше Вам! Работает! 16 мар 2016 в 20:02
  • Спасибо, еще раз! 16 мар 2016 в 20:09

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.