Всем добра!
Сделал сортировку на JS к таблице, а вот как икноку к ней менять не могу сообразить.
Т.е. сортировка "
Возрастание/убывание"
Заголовок таблицы выглядит так:
<table id="tickettable" class="table table-condensed">
<thead>
<tr>
<th id="ticketidt"">№ <i class="icon-arrow-up pull-right"></i></th>
</tr>
</thead>
<tbody>
...
Сама стрелка, это
<i class="icon-arrow-up pull-right"></i>
и
<i class="icon-arrow-down pull-right"></i>
Задача, просто при событии "клик" на заголовке таблицы, постоянно менять вверх/вниз.
Пробовал так:
$('#ticketidt').click(function(){
$('#ticketidt i.icon-arrow-down').removeClass('icon-arrow-down').addClass('icon-arrow-up');
});
На первый клик работает, на второй соответственно нет.
И так пробовал:
if($('#ticketidt i.icon-arrow-down')){
$('#ticketidt i.icon-arrow-down').removeClass('icon-arrow-down').addClass('icon-arrow-up');
}
if($('#ticketidt i.icon-arrow-up')){
$('#ticketidt i.icon-arrow-up').removeClass('icon-arrow-down').addClass('icon-arrow-down');
}
Честно перепробовал все, что можно ;( Помогите кто подобным занимался