How do I select a element using it's element type (Div), a class (spaceEvent) and a data attribute (data-event-id)?
here is an example of a element
<div class="spaceEvent" data-event-id=112>
and I want to find this element so that I can search for stuff inside it?
my guess would be something like
$("div.spaceEvent").find("[event-id=112]")
but I'm not sure!
Your selectors are almost correct, but you need to combine them in to a single jQuery object. Your use of find() means that you're currently looking for a child element of the div instead of looking for a div with all the specified attributes.
Try this instead:
$('div.spaceEvent[data-event-id="112"]')
You can use:
$('div.spaceEvent[data-event-id="112"]');$('div.spaceEvent').filter('[data-event-id="112"]');The find() function searches the children, not itself. More details here.
.is() just returns a boolean telling if the element has the data, it doesn't return the element.
Simplest option:
$('div.spaceEvent[data-event-id="112"]')
.find() version is wrong. .find() only looks for elements inside, not the element itself.