JQuery Selectors: How to select item with specific class *and* id

css-selectors, jquery, jquery-selectors

Solution

Both `#green.statusLight` and `.statusLight#green` are valid selectors and should select element you're looking for. First one will be faster though.

Are you using `$(...)` after your document is loaded, i.e. from `$(document).ready(function() { ... })` or by placing your script after your element?

Problem

I'm trying to select an HTML element on my page that has a specific class and ID. Here's the tag: ``` <div class="statusLight" id="green"></div> ``` I tried this with no luck: ``` $statusLight = $('.statusLight#green'); ``` I know that I could simply say ``` $statusLight = $('#green'); ``` But I was trying to find a way to select it based on its class as well. Any help would be appreciated.

Original source