检查 是否有活动链接?
我有
- HEADER which triggers dropdown
- element one
- element one
- element one
我用这一行隐藏了所有li元素(第一个除外):
$('#menu ul li.section-title:first-child').parent().children('li').hide();
我想知道是否可以查询这三个链接中的一个是否处于活动状态,如果是这样,则无法隐藏!
甚至可能吗? 谢谢您的帮助!
- 您的代码实际上会隐藏所有
li
元素( 包括第一个元素)。
使用$('#menu ul li:not(:first-child)').hide();
隐藏除了第一个之外的所有… -
对于下一部分( 仅在没有当前的部分时隐藏它们 )使用
var loc = window.location.href; var anyActive = false; $('#menu li a').each(function(){ anyActive = anyActive || (this.href == loc); }); if (!anyActive) $('#menu ul li:not(:first-child)').hide();
评论后,使用工作代码进行更新
var loc = window.location.href; $('#menu li a').each(function(){ if (this.href == loc) $(this).addClass('activelink'); }); $('#menu ul:not(:has(.activelink)) li:not(:first-child)').hide();
实例: http : //jsfiddle.net/gaby/SMmtS/21/
为什么不将类附加到活动链接,然后您可以执行以下操作:
$(document).ready(function() { $(".myClass").doSomething();});