jQuery: Selecting by class and input type

Question

I would like to select a set of elements that are both of a certain input type (say, a checkbox) and have a certain class using jQuery. However, when I try the following: ``` $("input:checkbox .myClass") ``` I don't get any items returned. How can I accomplish this in jQuery?

Accepted Answer

Your selector is looking for any descendants of a checkbox element that have a class of `.myClass`.

Try this instead:

```
$("input.myClass:checkbox")
```

Check it out in action.

I also tested this:

```
$("input:checkbox.myClass")
```

And it will also work properly. In my humble opinion this syntax really looks rather ugly, as most of the time I expect `:` style selectors to come last. As I said, though, either one will work.

jQuery: Selecting by class and input type

Solution

Problem