Question

i have to add a class to a element(h2) on it’s click event if the parent element(class=”container”) contains an element(class=”sub-cat”) inside it. fiddle link

$('.container h2').click(function(){
//alert('hi');
if($(this).has(".sub-cat")){
    $('.container h2').addClass(highlight);
}
else if () {
    $('.container h2').removeClass(highlight);
}

});

Answer 1

when you use click then this referce to the h2 you clicked on, use .parent() to (or .closest(‘.container’) and then use your look up:

http://jsfiddle.net/gSCQ7/7/

var highlight = "highlight";

$('.container h2').click(function(){
    var hasSubCategorys = $(this).parent().find(".sub-cat").length > 0;
    $(this)[hasSubCategorys  ? 'addClass' : 'removeClass'](highlight);
});

or if you want it more readable:

var highlight = "highlight";

$('.container h2').click(function(){
    var hasSubCategorys = $(this).parent().find(".sub-cat").length > 0;
    if(hasSubCategorys) {
        $(this).addClass(highlight);
    } else {
        $(this).removeClass(highlight);
    }
});

edit: http://jsfiddle.net/gSCQ7/10/ changed the CSS code to be more specific then .container h2 vs .hightlight