How to sort rows using jquery

Question

How to sort rows using jquery. My aim is to just find the item with min price. Not actually sort the table.

This below code always shows the first row which is not actually right.

        var rows =  $('tr');
        rows.sort(function(a, b){
            var p1 = parseInt(a.querySelector('td.item') ? a.querySelector('td.item').innerText : 0)
            var p2 = parseInt(b.querySelector('td.item') ? b.querySelector('td.item').innerText : 0);
            return p1 > p2;
        });
        console.log(rows[0])

Adrian Brand · Accepted Answer · 2019-06-19 03:57:16Z

2

Your sort function should return p1 - p2, you need minus for less than, 0 for equal and positive for greater than not a boolean with p1 > p2.

You could just create a compare function with an Intl.Collator.

const naturalSort = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' }).compare;

rows.sort((a, b) => naturalSort(
  a.querySelector('td.item') && a.querySelector('td.item').innerText,
  b.querySelector('td.item') && b.querySelector('td.item').innerText
));

console.log(rows[0]);

It will take care of the numeric comparisons for you.

edited Jun 19, 2019 at 3:57

answered Jun 19, 2019 at 3:50

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to sort rows using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related