Jquery: Add class unless there is a child of certain class

Question

I want to do an addclass, but only if it doesn't have a child of a certain class.

$selector.addClass('addthisclass');

So I want:

<div class="addthisclass"><span></span></div>

And nothing on here.

<div><span class="badclass"></span></div>

Anyone know how to do this?

Answer 1

Use the :has and :not selectors:

$("div:not(:has(span.badclass))").addClass("addthisclass");