Сортировочные элементы по цене, порядка 10, 100, 12, 13, 140?

Question

У меня есть небольшой метод переключения js для сортировки некоторых элементов div по заголовку (a-z) и цене (low-high), но он сортируется правильно, например. 10 следует 100, затем на 11?

вот код

sortPrice: function() { 

    switch ($('select[name=sortOrder]').val()) { 

     case('priceAsc'): 

      $('.adventureRow').sortElements(function(a, b) { 
       return $(a).attr('id') > $(b).attr('id') ? 1 : -1; 
      }); 

      break; 

     case('priceDesc'): 

      $('.adventureRow').sortElements(function(a, b) { 
       return $(a).attr('id') < $(b).attr('id') ? 1 : -1; 
      }); 

      break; 

     case('alphaAsc'): 

      $('.adventureRow').sortElements(function(a,b) { 
       return $(a).attr('title') > $(b).attr('title') ? 1 : -1; 
      }); 

      break; 

     case('alphaDesc'): 

      $('.adventureRow').sortElements(function(a,b) { 
       return $(a).attr('title') < $(b).attr('title') ? 1 : -1; 
      }); 

      break; 

     case('default'): 

      $('.adventureRow').sortElements(function(a,b) { 
       return $(a).attr('style') > $(b).attr('style') ? 1 : -1; 
      }); 


    } 

Я думаю, что я что-то делать с объявляя значения как числовой отсутствует, но я не уверен, что.

Answer 1

Проблема вы делаете сравнение строк для числовых значений ....

return +$(a).attr('id') < +$(b).attr('id') ? 1 : -1; 

Так строка 2 больше 100, потому что сравнение строк слева направо, и когда он соответствует 2 и 1 , 2 больше ... он не сравнивает числовое значение