ansaurus

Question

Answer 1

A:

Try this:

var links = $('a.lTest').sort( function(a,b) { return $(a).attr('amount') - $(b).attr('amount'); } );

for ( var i = 1; i < links.length; i++ ) {
    links.eq(i-1).insertBefore( links.eq(i) );
}

Tinister 2009-11-02 19:14:02

I ran the code and firebug tells me $("a.lTest").sort is not a function

usertest 2009-11-02 19:17:08

I've been able to run sort on jQuery objects fine. What about if you try `jQuery("a.lTest").sort(...)`?

Tinister 2009-11-02 19:19:32

Still the same error, thanks the help but it doesn't seem to work.

usertest 2009-11-02 19:27:34

I think this is realy a stupid question. take a answer and stick with it. Thast my opinion. Every answer here would work, but you are not able to test it, nor give more information what you realy need. And doing some jquery function calls without giving an id as paramater will never work. On your code i saw no where an id, jusa$t a class lTest.

streetparade 2009-11-02 19:44:57

I've tested everyone of the suggestions they just don't seem to work. But i've taken your suggestion and added id's if that'll help.

usertest 2009-11-02 19:48:16

Answer 2

A:

first, assume the tags are surrounded by a div (id ="testDiv")

Sorry, my initial way of doing this is wrong...

DO NOT DO THIS: BROKEN!!! (See edit below)

var testDiv = $('#testDiv'); var children = testDiv.children('.lTest'); children.each(function() {$(this).remove();}); var testArray = $.makeArray(children); testArray.sort(function(a,b){ return parseInt($(a).attr('amount')) - parseInt($(b).attr('amount'); });

children.each(function() {testDiv.append(this);});

EDIT: THIS IS WORKING VERSION:

var testDiv = $('#testDiv');
var children = testDiv.children('.lTest').remove();

children = children.sort(function(a,b){
  return parseInt($(a).attr('amount')) - parseInt($(b).attr('amount'));
});

testDiv.append(children);

JBristow 2009-11-02 19:23:54

Thanks, but I ran the code with the elements inside the #testDiv you suggested but it still doesn't work. I cannot figure out what i'm missing. Did you test the code on your system?

usertest 2009-11-02 19:34:25

whoops, my bad, I was running off of what I remembered writing before... I will edit with working example.

JBristow 2009-11-02 21:47:21

Answer 3

+1 A:

This one should work.

<!doctype html>
<html>
    <head>
        <script src='jquery.js'></script>
        <script>
            $(document).ready(init);

            function init() {
                var parent = $('#someid');
                var children = $('a', parent);
                children.sort(function(a, b) {
                   return parseInt($(a).attr('amount')) - parseInt($(b).attr('amount'));
                })
                $.each(children, function(i, child) {
                    parent.append(child);
                });
            }
        </script>
    </head>
    <body>
        <div id="someid">
            <a href="#" class="lTest" amount="12"><div>abcd2</div></a>
            <a href="#" class="lTest" amount="64"><div>abcd4</div></a>
            <a href="#" class="lTest" amount="32"><div>abcd3</div></a>
            <a href="#" class="lTest" amount="8"><div>abcd1</div></a>
        </div>
    </body>
</html>

[Edit] Replaced by a SSCCE to prove it's working. I've changed x in abcdx to the expected ordering. You should end up with abcd1, abcd2, abcd3 and abcd4 in this order.

BalusC 2009-11-02 19:39:31

This doesn't seem to work. Considering several helpful people commented and I haven't been able to get any of it to work, I'm assuming the problems on my end. @BalusC, have you tested the above code with with the markup I posted. Did it work? Thanks.

usertest 2009-11-02 20:03:01

You used <a/> to close <a> tags. This is wrong. Fix it first.

BalusC 2009-11-02 22:23:16

I edited the example to the SSCCE flavor.

BalusC 2009-11-02 22:26:22

Thanks, I'm sure the other examples would work too were it not for some strange problem with my pc. Thanks everyone else too.

usertest 2009-11-03 18:45:02

Answer 4

A:

Your first comment on Tinister's answer indicates that your test page doesn't know anything about JQuery. Make sure you are properly including JQuery in your tests and that the HTML is correctly constructed. Then you will probably find that one of the other answers works.

John

John Fisher 2009-11-02 21:56:07

ansaurus

tags:

views:

answers:

Ordering elements by number in JQuery

related questions