๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
jQuery

[jQuery] ํ…Œ์ด๋ธ” sort

by Jo__y 2022. 10. 11.
$(document).ready(function(){
  $('#ํ…Œ์ด๋ธ”์•„์ด๋”” th').each(function (column) {
    $(this).click(function() {
      if($(this).is('.asc')) {
        $(this).removeClass('asc');
        $(this).addClass('desc');
        sortdir=-1;

      } else {
        $(this).addClass('asc');
        $(this).removeClass('desc'); sortdir=1;
      }

      $(this).siblings().removeClass('asc');
      $(this).siblings().removeClass('desc');

      var rec = $('#ํ…Œ์ด๋ธ”์•„์ด๋””').find('tbody>tr').get();

      rec.sort(function (a, b) {
        var val1 = $(a).children('td').eq(column).text().toUpperCase();
        var val2 = $(b).children('td').eq(column).text().toUpperCase();
        return (val1 < val2)?-sortdir:(val1>val2)?sortdir:0;
      });

      $.each(rec, function(index, row) {
          $('#ํ…Œ์ด๋ธ”์•„์ด๋”” tbody').append(row);
      });
    });
 });
});
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€