JQuery：如果一个 child 中有 class，则所有子菜单都会展开

Question

如果 child 元素包含 class "current_page_item"。问题是，如果任何子菜单具有 class 的 child，它们都会展开。

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

https://jsfiddle.net/n94Lwe9t/

我无法定位 ID 或任何其他特定内容。我将如何定位具有 child class 的特定 parent？

Answer 1

遍历 children class 的子元素 li ，然后使用 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

JQuery：如果一个 child 中有 class，则所有子菜单都会展开

JQuery: All Submenu's expand if a child in one has class

jquery

submenu

collapse

twitter-bootstrap-3