Question

For my html , i dont have the data in tables , but they are structured in tags

its is something like

<div id="1"> name=abc id=501  </div>
<div id="2"> name=sdc id=502  </div>
<div id="3"> name=xyz id=503  </div>

Can i sort this using jquery/javascript php anything ! ?

Note the number of are variable , i.e decieded dynamically

Answer 1

DEMO

I changed your html to use data-attributes (the correct way to store data in your markup); it now looks like this <div id='2' data-name='sdc' data-id='502'>sdc</div>. This also allows jQuery to retrieve the property readily using the .data() method.

This sorts by name. To sort by id instead, change return a.name > b.name ? 1 : -1; to return a.id > b.id ? 1 : -1;

$(function() {
    var alphaSort = $("div").map(function() {
        return {
            htmlId: this.id,
            name: $(this).data('name'),
            id: $(this).data('id')
        };
    }).toArray().sort(function(a, b) {
        return a.name > b.name ? 1: -1;
    });

    $.each(alphaSort, function(i, val) {
        if( $('div[data-name]').last().is('#'+val.htmlId) ) {
            return true; //continue               
        }
        $('div[data-name]').last().after($('#'+val.htmlId));
    });
});​