How to check if an element with .Attr has a particular class?

Question

This is the HTML structure:

<div data-step="1"></div>
<div data-step"2" class="active"></div>

Something along those lines (the following is obviously wrong, it's just to provide an idea)

if($("div").attr("data-step", "2").hasClass("active")) {
  //do this...
}

Answer 1

Use attribute equals selector to get the element with a certain attribute value. With attr() method it simply sets the attribute value and returns the jQuery element object.

if($("div[data-step='2']").hasClass("active"))

// or simply combine the class with selector and
// check existance simply by checking its length
if($("div[data-step='2'].active").length)