Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2013, 13:34
Интересующийся
Отправить личное сообщение для essere Посмотреть профиль Найти все сообщения от essere
 
Регистрация: 29.03.2013
Сообщений: 27

К текущему заголовку таблице применить тэг
Всем добра!
Сделал сортировку на 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');
      }

Честно перепробовал все, что можно ;( Помогите кто подобным занимался
Ответить с цитированием
  #2 (permalink)  
Старый 29.03.2013, 14:13
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

if($('#ticketidt i.icon-arrow-down'))
Условие будет выполняться всегда, ибо jquery-коллекция даже нулевой длины == true. Нужно проверять именно длину ($(el).length)
Ответить с цитированием
  #3 (permalink)  
Старый 29.03.2013, 14:43
Интересующийся
Отправить личное сообщение для essere Посмотреть профиль Найти все сообщения от essere
 
Регистрация: 29.03.2013
Сообщений: 27

Спасибо большое, помогло
Ответить с цитированием
  #4 (permalink)  
Старый 29.03.2013, 14:51
Интересующийся
Отправить личное сообщение для essere Посмотреть профиль Найти все сообщения от essere
 
Регистрация: 29.03.2013
Сообщений: 27

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

Все td кроме последнего?, просто idшники цеплять на все не камильфо имхо
Ответить с цитированием
  #5 (permalink)  
Старый 29.03.2013, 15:36
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

$('tr td:not(:last-child)')
Ответить с цитированием
  #6 (permalink)  
Старый 29.03.2013, 16:13
Интересующийся
Отправить личное сообщение для essere Посмотреть профиль Найти все сообщения от essere
 
Регистрация: 29.03.2013
Сообщений: 27

Большое Вам спасбо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск