Показать сообщение отдельно
  #1 (permalink)  
Старый 23.04.2015, 18:31
Интересующийся
Отправить личное сообщение для Арсений JustPuk Посмотреть профиль Найти все сообщения от Арсений JustPuk
 
Регистрация: 24.03.2014
Сообщений: 23

Добавление удаление класса
Привет, прошу помочь. Есть задача переключать класс у основного, при нажатии на кнопку. Такой вот простенький код.
$('.icon-setting').click(function () {
    $('.setting ul').toggleClass('visible');    
    });
$('.setting .col-one').click(function () {
    $('section.column').addClass('s8');    
    $('section.column').removeClass('s16');    
    $('section.column').removeClass('s24');    
    $('section.column').removeClass('sfull');    
    });

<section id="column-1" class="col s24 column">
                    <div class="content">
                        <div class="head">
                            1
                            <div class="setting">
                                <span class="icon icon-drag-and-drop" draggable="true"></span>
                                <span class="icon icon-full-scren"></span>
                                <span class="icon icon-setting"></span>
<ul class="">
                                    <li class="col-one">col-one</li>
                                    <li class="col-two">col-two</li>
                                    <li class="col-three">col-three</li>
                                    <li class="col-full">col-full</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>

И эта связка работает, но section может быть много, и, соответственно, код, будет срабатывать для всех. Как сделать так, что бы при нажатии на li класс менялся у родительского section а не у всех. Аналогично с ul, при нажатии на .icon-setting класс присваивается всем спискам в блоках setting, а нужно только нужному

Последний раз редактировалось Арсений JustPuk, 23.04.2015 в 18:37.
Ответить с цитированием