如何检测列表的任何链接是否处于活动状态. 和 aply CSS 类给父母

Question

我想检查父级的任何链接是否处于活动状态(我的代码 id="menu-item-461" 和 id="menu-item-462" 中的父项(，然后使用该父级的 .submenu 类对div 应用一个额外的类。

但棘手的一点来了：网站应该转到链接。

我走到了这一步，但现在我被困住了。

$(function(){
$("#menu-item-461 a").onclick(function(){
$("#menu-item-461 a").removeClass("selected")
$(this).addClass("selected")
return false;
})

但这仅将其应用于当前链接。 并且不遵循超链接。那么如何检查类中的任何链接是否处于活动状态呢？然后将 CSS 类应用于 .子菜单？

<ul>
<li id="menu-item-461" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-461">
<a href="http://bertconinx.com/category/portriats/">portriats</a>
<ul class="sub-menu">
<li id="menu-item-473" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
<a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">Disarray Body</a></li>
<li id="menu-item-617" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
<a href="http://bertconinx.com/2019/09/16/girls/">#Girls</a></li>
</ul>
</li>
<li id="menu-item-462" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-ancestor current-menu-parent current-post-parent menu-item-has-children menu-item-461">
<a href="http://bertconinx.com/category/portriats/">Item2</a>
<ul class="sub-menu">
<li id="menu-item-412" class="menu-item menu-item-type-post_type menu-item-object-post current-menu-item menu-item-473">
<a href="http://bertconinx.com/2019/08/12/non-profit-profit/" aria-current="page">object1</a></li>
<li id="menu-item-619" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-617">
<a href="http://bertconinx.com/2019/09/16/girls/">Object2</a></li>
</ul>
</li>
</ul>

Answer 1

它应该是这样的。 我用了这个年头。但现在我正在将其更改为 wordpress 主题。

function expandingMenu(num) {
	var speed = 200;
	
	var item_title = $("#menu-item-461 a").eq(num).children(":first");
	var items = $(".submenu").eq(num).children().filter(function (index) { return index > 0; });
	
	/* hide items if not active */
	if (items.is(".active") === false) {
		items.hide();
	}
	/* add click functions + pointer to title */
	item_title.css({cursor:"pointer"}).toggle(
		function () {
			items.show(speed);
		}, function () {
			items.hide(speed);
		}
	)
}