Форумы портала PHP.SU :: Версия для печати :: Как отсортировать строки html таблицы по результату определённой ячейки

2. tuareg - 18 Февраля, 2012 - 12:56:34 - перейти к сообщению

Определяешь номер ячейки. Выбираешь все значения в массив. И ф-я сортировки массива.

3. armancho7777777 - 18 Февраля, 2012 - 13:21:53 - перейти к сообщению

tuareg пишет:

Определяешь номер ячейки. Выбираешь все значения в массив. И ф-я сортировки массива.

Да это я понимаю.
Надо, чтобы при клике на кнопку, строки отсортировались.
Не могу реализовать, хотя задача простая))

4. tuareg - 18 Февраля, 2012 - 13:48:36 - перейти к сообщению

Я это делал следующим образом. Сразу уточняю, я не претендую на гениальность. Улыбка

Сначала я выбирал в массив типа
arrHtml[0]='<tr><td><td></tr>';/**/всю таблицу
Потом, вместо второго массива я использовал ассоциативный массив, типа
arr[0]={
index:0,/*индекс=arrHtml[0]*/
ячейка№1:5
}
arr[1]={
index:1,
ячейка№1:2
}
Сортировку многомерного массива я взял с http://webew[dot]ru/articles/2209[dot]webew
Ну а после сортировки вторго все просто, проходим новый массив и подставляем значения из массива arrHtml

5. armancho7777777 - 18 Февраля, 2012 - 14:27:53 - перейти к сообщению

)) Почти так и сделал))

CODE (javascript):
скопировать код в буфер обмена

 
$(function(){
 
  var arrTR = [];
 
  $('table tr').each(function(index, element) {
          
         arrTR[index] = [[parseInt($.trim($(this).find('td:eq(1)').text()), 10)], [this]];
          
  });   
        
  function sortFunction_min(a, b){
        if(a[0][0] < b[0][0]){ 
          return -1; 
        }
        else if(a[0][0] > b[0][0]){ 
          return 1; 
        }
        else{ 
          return 0; 
        }
  }
  
  
  function sortFunction_max(a, b){
        if(a[0][0] > b[0][0]){ 
          return -1; 
        }
        else if(a[0][0] < b[0][0]){ 
          return 1; 
        }
        else{ 
          return 0; 
        }
  }
  
 
  var newArr = arrTR.sort(sortFunction_min);
  
  for(var key in newArr){
        $('table').append($(newArr[key][1]));
  }
  
  
  var radio = $('#radio_inp');
  
  $('#btn').click(function(){
          
        if(radio.is(':checked')){
          newArr = arrTR.sort(sortFunction_max);
          radio.attr('checked', false);
        }
        else
        {
          newArr = arrTR.sort(sortFunction_min);
          radio.attr('checked', true);
        }       
        
        
        for(var key in newArr){
           $('table').append($(newArr[key][1]));
        }
          
  });
        
        
});
 