仅显示树中最相关的分支

Question

我有一个类别树：

CAT1

• CAT1child
• CAT2child
  • CAT2child的CAT1child
    • CAT2child的CAT1child的CAT1child
• CAT3child

每个类别都有cat-item类，当前类别（人正在查看的类别）的类别为current-cat，当前类别的父级为current-cat-parent。每个类别的孩子都在<ul>，其中包含children个班级。

现在，当我们深入到例如三个，然后点击CAT2child的CAT1child的CAT1child时，同样适用，它的父（CAT2child的CAT1child）有一个{{1}的类并且它的孩子在current-cat-parent中<ul>＆＃39; children＆＃39;类。

问题是，一旦我们深入到树中，那么较高的分支就不会得到一个特殊的类别，因为current-cat-parent的父母没有得到任何类别的＃39} ;父母一个人。

考虑到这些信息，我怎样才能只展示导致当前类别的分支和当前类别的子代（没有自己的子代）？我希望我们的客户能够查看他们正在查看的子类别以及导致他们正在查看的类别的类别。

编辑 - 我的HTML：

<ul class="menu">
   <li class="cat-item">
      CAT1
      <ul class="children">
         <li class="cat-item">CAT1child</li>
         <li class="cat-item">CAT2child
            <ul class="children">
               <li class="cat-item current-cat-parent">CAT1child of CAT2child
                  <ul class="children">
                     <li class="cat-item current-cat">CAT1child of CAT1child of CAT2child</li>
                  </ul>
               </li>
            </ul>
         </li>
      </ul>
   </li>
</li>