JQuery：如果一個子類中的孩子擁有類，則所有子菜單都會展開

Question

如果子元素包含類「current_page_item」，則可以通過向父級添加類「in」擴展子菜單。問題是，如果任何子菜單都有這個類的孩子，他們都會擴展。

if ($('.children li').hasClass('current_page_item')) { 
    $('.children', this) 
     .addClass('in'); 
}; 

https://jsfiddle.net/n94Lwe9t/

我不能指定的ID或其他任何特定的。我將如何定位具有該子級的特定父級？

Answer 1

遍歷children類的子元素裏，然後用closest()找到合適的父

$('.children li').each(function(){ 

    if($(this).hasClass('current_page_item')) { 
    console.log($(this).closest('.has-children').find('.list-group-item .glyphicon')); 
    $(this).closest('.has-children').find('.list-group-item .glyphicon').toggleClass('glyphicon-chevron-right').addClass('glyphicon-chevron-down') 
    $(this).closest('.children').addClass('in'); 
    } 

}) 

JSFIDDLE