У меня есть различные элементы, которые имеют класс .folder
братий Активного класса removeClass
Когда я нажимаю один я хочу, чтобы добавить класс active
к нему и удалить класс из любого другого элемента.
Проблема заключается в том, чтобы удалить класс из других в первую очередь, его просто не делать.
Вот что я хочу:
$('.folder').click(function() {
$(this).siblings('.folder').removeClass('active'); // remove from all other <SPAN>s
$(this).addClass('active'); // add onto current
})
Пример HTML:
<ul>
<li class="closed last">
<span class="folder" id="16">More coding</span>
</li>
</ul>
</li>
<li class="closed collapsable lastCollapsable">
<span class="folder active" id="12">Music</span>
<ul style="display: block;" id="browser" class="filetree treeview-famfamfam">
<li class="closed collapsable">
<span class="folder active" id="13">Music child</span>
<ul style="display: block;" id="browser" class="filetree treeview-famfamfam">
<li class="closed last">
<span class="folder" id="15">More music</span>
</li>
</ul>
</li>
<li class="closed last"><span class="folder" id="17">Another child here</span> </li>
</ul>
</li>
</ul>
Можете ли вы показать свой HTML? Я предполагаю, что они не братья и сестры. –
HTML пожалуйста .... –
@ Karl-AndréGagnon Я думаю, что вы правы - я должен использовать .find вместо этого, возможно, –