如何从特定点到达下一个 li a

How to reach the next li a from a specific point

本文关键字：下一个 li      更新时间：2023-09-26

我需要将链接颜色更改为 id #idTERRITORIAL_8 下方的按钮，该按钮具有类.active_default，idIMMUNOLOGY_9，但我不能直接使用它。我的出发点必须是#idTERRITORIAL_8。

我试过这个：

$('#idTERRITORIAL_8').parent().find('.active_default').addClass("red");

但.active_default都变了颜色。

我也尝试了next和nextAll 

<div id="wrapper">
  <ul class="menu">
     <li><a href="#" id="idOVERVIEW_1" class="">Overview</a></li>
     <li><a href="#" id="idSALES_2" class="">Sales</a>
        <ul>
           <li><a href="#" id="idNATIONAL_3" class="">National</a></li>
           <li><a href="#" id="idPROVINCIAL_4" class="">Provincial</a></li>
           <li><a href="#" id="idREGIONAL_5" class="">Regional</a>
              <ul>
                 <li><a href="#" id="idIMMUNOLOGY_6" class="active_default">Immunology</a></li>
                 <li><a href="#" id="idCOAGULATION_7" class="">Coagulation</a></li>
              </ul>
           </li>
           <li><a href="#" id="idTERRITORIAL_8" class="">Territorial</a>
              <ul>
                 <li><a href="#" id="idIMMUNOLOGY_9" class="active_default">Immunology</a></li>
                 <li><a href="#" id="idCOAGULATION_10" class="">Coagulation</a></li>
              </ul>
           </li>
           <li><a href="#" id="idDEPOT_11" class="">Depot</a></li>
        </ul></li>
     <li><a href="#" id="idICP_12" class="">ICP</a></li>
  </ul>
</div>

  $('#idTERRITORIAL_8').next().find('.active_default').addClass("red");

链接到 jsbin 示例：

https://jsbin.com/lenotolaco/1/edit?html,js,output

相关文章：