Question

Having trouble on a simple one. My morning tea isn’t strong enough.

IF div has a child that’s an anchor THEN- blah. Don’t want to add an additional class to .box

Something like:

$('.box').click(function(){
    if ($(this).children('a')) {
        //some thing
    } else {
        //some thing else
    }
});

<div class="box"><a href="#"><img src="#" /></a></div>
<div class="box"><img src="#" /></div>
<div class="box"><img src="#" /></div>

Answer 1

Check the length property:

$('.box').click(function(){
    if ($(this).children('a').length) {
        //some thing
    } else {
        //some thing else
    }
});

Since the children method (like most jQuery methods) returns an instance of jQuery, it will always evaluate to true (so you’ll always end up in the if branch). The length property returns a number, which will evaluate to false if it’s 0.