HTML:
<div id=wrapDesktopNavBar>
<ul class="desktopNavBar">
<li><a class="firstLevel" href="#">header 1</a>
</li>
<li><a onclick....></a><a class="firstLevel" href="#">header 2</a>
<ul>
<li><a class="secondLevel" href="#">1st sub header</a>
<li><a class="secondLevel" href="#">2nd sub header</a>
<li><a class="secondLevel" href="#">3rd sub header</a>
</ul>
<li><a class="firstLevel" href="#">header 3</a>
</li>
</ul>
</div>
JS:
$(function () {
$('.mainNavSection').hide();
$('.desktopNavBar a').bind('click', function (e) {
$('.desktopNavBar a.current').removeClass('current');
$('.mainNavSection:visible').hide();
$(this.hash).show();
$(this).addClass('current');
$(this).closest('.desktopNavBar > li').find('a:first').addClass('current');
e.preventDefault();
}).filter(':first').click();
});
您好以上是我的HTML和JavaScript。我有一个名为“current”的类,它只是在单击时强调标题及其子标题。我希望在单击子标题时允许主标题加下划线。我已经尝试了$(this).closest('.desktopNavBar > li').find('a:first').addClass('current');
,但它只强调第一个标签,而不是第二个标签。我希望第二个标签加下划线。并且,我无法将我的第二个标签与我的第一个标签交换,因为它会影响其他标签。
是否有像.find(a:second)
这样的东西,允许我将类添加到第二个标签?