我这里有 JavaScript 代码来检测 URL 中的 #
如果检测到,然后将事件类添加到元素。然而,在第 n 个子选择器的三种情况下,什么也没有发生,我不确定为什么。
switch (window.location.hash) {
case "#MAIN":
$('#tab li a.nav:first').addClass('act').siblings().addClass('inact');
break;
case "#sg2":
$('#tab li a.nav:nth-child(2)').addClass('act').siblings().addClass('inact');
alert($('#tab li a.nav:nth-child(2)').className);
break;
case "#sg3":
$('#tab li a.nav:nth-child(3)').addClass('act').siblings().addClass('inact');
break;
case "#zycsg":
$('#tab li a.nav:nth-child(4)').addClass('act').siblings().addClass('inact');
break;
default:
$('#tab li a.nav:first').addClass('act').siblings().addClass('inact');
}
我该如何解决这个问题?
HTML
<div id="tab">
<ul>
<li class="menuItem2"><a href="#MAIN" class="nav" onclick='window.history.pushState("", "", "/#MAIN");'>Home-1</a></li>
<li class="menuItem2"><a href="#sg2" class="nav" onclick='window.history.pushState("", "", "/#sg2");'>HDCYG?</a></li>
<li class="menuItem2"><a href="#sg3" class="nav" onclick='window.history.pushState("", "", "/#sg3");'>Home-3</a></li>
<li class="menuItem2"><a href="#zycsg" class="nav" onclick='window.history.pushState("", "", "/#zycsg");' style="width:300px;">Zinteen youtube collection</a></li>
</ul>
</div>
最佳答案
你的选择器是错误的,它应该是
$('#tab a.nav:nth-child(n)')
或
$('#tab li:nth-child(n) a.nav')
你现在要做的是在#tab 下寻找 EACH li 的第 n 个子 anchor
关于javascript - jQuery nth-child 选择器不适用于 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18562366/