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?
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() {} ); 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) }); You can use the reverse array method.
Array.reverse($("#myid").parents().andSelf()); Be aware that the reverse function is not available on all browsers. But you can use es5-shim.js to fix that.
Array.reverse is available in virtually every browser, developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…A nice way to add a reverse function to jQuery:
jQuery.fn.reverse = [].reverse
The Array.reverse is available in virtually all browsers: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse
$($("#myid").parents().andSelf().toArray().reverse()).each(function({})
reverse() function in jQuery. You could build one yourself though.
$() to use the each. @RoryMcCrossanreverse() method of a jQuery object. You would need to use it in the way that @Magnus has.
I guess .reverse() might be pretty expensive for a large node sets, so I would recomment using
$.merge($el, $el.parents()).each(function(){ ... })
