Question

I am using the following selector for an each loop in jQuery:

$("#myid").parents().andSelf().each(function({})

The selector returns an object like this:

object[html, body, div#global_container, div#content, div#myarea, span.myclass, div#myid]

That means the each loop will start with the furthest parent and then eventually ends with self

How can I reverse that order so that the each loop will start with self and work its way up the dom tree instead of down?

Answer 1

In order to make reverse() work you need to change your jQuery object to an array :

var elements = $("#myid").parents().andSelf();
elements.toArray().reverse().each(function() {} );

http://jsfiddle.net/6VVAD/

EDIT : The .each() function won’t work that way because we can’t chain it from a non-jQuery object as @scoota269 mentionned

I fixed it by passing the collection into the each function like so :

var elements = $("#myid").parents().andSelf();
var reversed_elements = elements.toArray().reverse();

jQuery.each( reversed_elements, function(i, elem) {
     console.log(elem , i)
});
​