Edit Question - KnowledgeHub

Title Body

Sticking to the official jQuery API, is there a more concise, but not less efficient, way of finding the next sibling of an element that matches a given selector other than using nextAll with the :first pseudo-class? When I say official API, I mean not hacking internals, going straight to Sizzle, adding a plug-in into the mix, etc. (If I end up having to do that, so be it, but that's not what this question is.) E.g, given this structure: <div>One</div> <div class='foo'>Two</div> <div>Three</div> <div class='foo'>Four</div> <div>Five</div> <div>Six</div> <div>Seven</div> <div class='foo'>Eight</div> If I have a div in this (perhaps in a click handler, whatever) and want to find the next sibling div that matches the selector "div.foo", I can do this: var nextFoo = $(this).nextAll("div.foo:first"); ...and it works (if I start with "Five", for instance, it skips "Six" and "Seven" and finds "Eight" for me), but it's clunky and if I want to match the first of any of several selectors, it gets a lot clunkier. (Granted, it's a lot more concise than the raw DOM loop would be...) I basically want: var nextFoo = $(this).nextMatching("div.foo"); ...where nextMatching can accept the full range of selectors. I'm always surprised that next(selector) doesn't do this, but it doesn't, and the docs are clear about what it does, so... I can always write it and add it, although if I do that and stick to the published API, things get pretty inefficient. For instance, a naïve next loop: jQuery.fn.nextMatching = function(selector) { var match; match = this.next(); while (match.length > 0 && !match.

Tags (comma-separated) Cancel