К текущему заголовку таблице применить тэг
 

Всем добра!
Сделал сортировку на 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');
      }

Честно перепробовал все, что можно ;( Помогите кто подобным занимался :thanks:

if($('#ticketidt i.icon-arrow-down'))
Условие будет выполняться всегда, ибо jquery-коллекция даже нулевой длины == true. Нужно проверять именно длину ($(el).length)

Спасибо большое, помогло ;)

По пути спрошу: А как можно выбрать все элементы, кроме последнего?
Например в таблице

<tr>
<td></td>
<td></td>
<td></td>
</tr>

Все td кроме последнего?, просто idшники цеплять на все не камильфо имхо :)

$('tr td:not(:last-child)')

Большое Вам спасбо ;)