Question

I know this kind of question has been asked before, but the general solution of

$($("input").get().reverse()).each(function() { /* ... */ });

is not working for me. I have an xml document that contains a list of concerts that I’d like to display on a webpage. So, in JQuery:

$.ajax({
    type: "GET",
    url: "concerts.xml",
    dataType: "xml",
    cache: false,
    success: function(xml) {
        $(xml).find('concert').each(function() {
            /*do stuff*/
        });
    }
});

However, I’d like to display the concerts in reverse order. So, I tried the following, but it did not work:

$.ajax({
    type: "GET",
    url: "concerts.xml",
    dataType: "xml",
    cache: false,
    success: function(xml) {
        $($(xml).find('concert').reverse()).each(function() {
            /*do stuff*/
        });
    }
});

Any assistance would be much appreciated. Thanks.

Answer 1

You excluded the call to the get()^[docs] method.

   // --------------------v
$($(xml).find('concert').get().reverse()).each(function() {

This is needed to get an Array of the elements from the jQuery object. This is what allows you to call .reverse(), which is on Array.prototype.