Is there an OR combinator in jQuery/Sizzle?

Question

Possible Duplicate:
jQuery OR Selector?

I would like to for each select in the matched set find the first option that either has a class placeholder or an empty value something along the lines of

$(selectorOrJquery).find('select').andSelf().filter('select')
  .find('(option.placeholder OR option[value=""]):first)

That is unfortunately not a valid sizzle (or CSS3) syntax - anyone know if there is a valid way to do this with selectors?

Obviously I could write procedural code to find this for me, but I'm hoping for something a bit more slick

Edit: To clarify, I do not think a comma simply works. Imagine the following

<select>
  <option class="placeholder" value="0">Select Something</option>
  <option value="">Legitimate option that gets handled in JS</value>
</select>

In this case I want only the first selected, NOT both

Oh boy. I simply can't decide who has the most valid answer here :) — jwegner, Sep 28 '11 at 15:45
@DanielA.White Would that really preserve the order of prescendence of operations though? What if a single select contains a .placeholder followed by a [value=""] - I believe comma syntax will select both and I wont only the first matched to either — George Mauer, Sep 28 '11 at 15:45

score 4 · Answer 1 · answered Sep 28 '11 at 15:43

4

I have also run into an issue like this in the past and settled for something like this.

$(selectorOrJquery).find('select').andSelf().filter('select')
  .find('option.placeholder, option[value=""]').eq(0);

answered Sep 28 '11 at 15:43

John Kalberer

5,690
1
23
27

Yeah, but what if there's multiple select elements? Gotta use an each – George Mauer Sep 28 '11 at 15:57
The eq(0) selects a single element. – John Kalberer Sep 28 '11 at 20:02

score 1 · Answer 2 · answered Sep 28 '11 at 15:43

1

This will return the first option of a select that is either empty or has a class placeholder.

$("select option:first").filter(":empty,.placeholder")

answered Sep 28 '11 at 15:43

amosrivera

26,114
9
67
76

score 1 · Answer 3 · answered Sep 28 '11 at 15:43

1

Just use a comma, which is a valid CSS/jQuery Selector.

$(selectorOrJquery).find('select').andSelf().filter('select')
  .find('(option.placeholder,  option[value=""]):first)

answered Sep 28 '11 at 15:43

jwegner

7,043
8
34
56

score 1 · Answer 4 · answered Sep 28 '11 at 15:43

1

the css OR is the comma, so the selector you want would be

'option.placeholder:first, option[value=""]:first'

answered Sep 28 '11 at 15:43

Einacio

3,502
1
17
21

the answer of @John Kalberer is the one that solves your case – Einacio Sep 28 '11 at 15:52

Is there an OR combinator in jQuery/Sizzle?

4 Answers4