我需要将链接颜色更改为 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