jquery - 如果父元素包含元素，则向元素添加类

Question

如果父元素(class =“container”)内部包含元素(class =“sub-cat”)，我必须在元素(h2)的点击事件中添加一个类。 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

当您使用 click 时，this 引用您单击的 h2，使用 .parent() 来(或 .closest('.container') ，然后使用您的查找:

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);
});

或者如果您希望它更具可读性:

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);
    }
});

编辑:http://jsfiddle.net/gSCQ7/10/将 CSS 代码更改为比 .container h2 与 .hightlight

更具体