How do I hide a parent div if the child div doesn't contain an tag?

Question

I\'m trying to hide a parent div (i.e., #post) if the child div (i.e., .post-title) doesn\'t contain an tag. Any insight in how to accomplish this correct

Answer 1

Just use jQuery's toggle using a boolean from checking the length of the children:

/* Loop Through Parents */
$('#post').each(function() {
    $(this).toggle($(this).children('a').length > 0);
});