Combining multiple selectors with a filter

Question

Is there a way to combine multiple selector and base filter in one query?

For instance...

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

not sure exactly what you are trying to do, but if you just wanted the innerhtml of the first element, you could 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, which works ... I suppose you are just asking for additional knowledge?

I never find the need for: first selectorbut, I would do this, for example:

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

Answer 2

What if you are .first()instead .filter(":first")?

Does it help?

Answer 3

, , :

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

, mroe verbose, :first .

Answer 4

:

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

A working example is here .