Combine multiple selector with filter

Question

Is there a way to combine a multiple selector and a basic filter within a single query?

For example...

var jq = $(someElement);

// Want to find the first following sibling node which has either classA or classB.

// This imaginary jquery does not quite work.
jq.nextAll("(.classA, .classB):first") 

// This works. But I wonder if I can achieve the same result with just one query.
jq.nextAll(".classA, classB)").filter(":first")

Answer 1

what if you do .first() instead of .filter(":first") ?

Does that help ?

Answer 2

Well im pretty sure this is the same thing and uses only one query:

jq.nextAll('.classA:first, .classB:first');

Obviously its mroe verbose but unless there is something special about the :first selector that should work.

Answer 3

Try this:

var first = jq.nextAll('.classA, .classB').first();

Working example here.

Answer 4

not sure exactly what you're trying to do, but if you just wanted the innerhtml of the first element you should be able to do something like:

$(".classA, .classB", someElement).html();

since html will act on the first matched element.

Otherwise, i don't see what is wrong with your method that works... I suppose you're just asking for additional knowledge?

I never find much need for the :first selectorbut i would probably do this like:

$(".classA, .classB", someElement).first();