查找特定类上面的第一个列表项 - JQuery

时间:2012-08-08 02:05:46

标签: javascript jquery twitter-bootstrap

所以我有一个列表,我正在尝试选择列表中“最后一次出现的'nav-header'类,其中列表项为'active'。

<li class="nav-header"><a href="#" class="slide" id="general">Main</a></li>
<li class="general"><a href="index.php">Home</a></li>
<li class="general"><a href="faq.php">FAQ</a></li>
<li class="general"><a href="wiki.php">Wiki</a></li>
<li class="general"><a href="tos.php">TOS</a></li>
<li class="general"><a href="helpdesk.php">Help Desk</a></li>
<li class="general"><a href="development.php">Changelog</a></li>
<li class="general"><a href="tokens.php">Tokens</a></li>
<li class="general"><a href="stats.php">Stats</a></li>
<li class="nav-header"><a href="#" class="slide" id="community">Community</a></li>
<li class="community"><a href="notepad.php">Notepad</a></li>
<li class="community"><a href="messaging.php">Messaging</a></li>
<li class="community"><a href="forums/vforum.php?page=1">Main Forum</a></li>
<li class="community"><a href="cforum/vforum.php?page=1">Network Forum</a></li>
<li class="community"><a href="online.php">Currently Online</a></li>
<li class="community active"><a href="find.php">Search</a></li>
<li class="community"><a href="gm.php">Global Market</a></li>
<li class="community"><a href="bm.php">Black Market</a></li>
<li class="community"><a href="mostwanted.php">Most Wanted</a></li>

例如,当“搜索”列表项处于活动状态时,我想查找并返回“社区”列表项。我可以通过.prevAll函数让它返回Community和Main,但不能在我的生活中弄清楚如何只返回一个。谢谢你的帮助。

1 个答案:

答案 0 :(得分:3)

尝试:first选择器,请参阅demo

$('li.active').prevAll('.nav-header:first')