Home/ Questions/Q 8084201
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T17:42:59+00:00

I’m using this very handy plugin to sort elements. But comparing elements on a

  • 0

I’m using this very handy plugin to sort elements. But comparing elements on a numerical value is producing an incorrect result: 99, 98, 9, 83, 8, 78, etc..

Would this be a problem of the plugin or the way I implemented it?

Code:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript">
jQuery.fn.sortElements = (function(){
    var sort = [].sort;
    return function(comparator, getSortable) {
        getSortable = getSortable || function(){return this;};
        var placements = this.map(function(){

            var sortElement = getSortable.call(this),
                parentNode = sortElement.parentNode,
                nextSibling = parentNode.insertBefore(
                    document.createTextNode(''),
                    sortElement.nextSibling
                );

            return function() {

                if (parentNode === this) {
                    throw new Error(
                        "You can't sort elements if any one is a descendant of another."
                    );
                }
                parentNode.insertBefore(this, nextSibling);
                parentNode.removeChild(nextSibling);
            };

        });
        return sort.call(this, comparator).each(function(i){
            placements[i].call(getSortable.call(this));
        });
    };
})();

$(document).ready(function(){

    $('.item').sortElements(function(a,b){
        return $(a).html() < $(b).html() ? 1 : -1;
    });

});
</script>
</head>
<body>

<% for i = 0 to 100 %>
<div class="item"><%=i*Rnd%></div>
<% next %>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you want to do a sort based on the numeric values of strings, then convert the strings to numbers with the parseInt MDN docs method

    $('.item').sortElements(function(a,b){
        return parseInt($(a).html(),10) < parseInt($(b).html(),10) ? 1 : -1;
    });

    (or parseFloat MDN docs for floating point numbers, as Gaurav mentioned in the comments..)

    • 0