【问题标题】:Menu showing current page显示当前页面的菜单
【发布时间】:2012-10-21 01:07:18
【问题描述】:

我尝试制作一个显示您正在访问的当前页面的菜单。我使用 Ajax,所以网站不会重新加载。我也想使用父子函数。我试过这个:

$('ul li a').click(function() {
    $(this).parent('ul').children('li a').removeClass('current');
    $(this).addClass('current');
});

点击函数的第一行应该从所有链接中删除“当前”类,但无论如何它不起作用

【问题讨论】:

  • 粘贴您的 HTML 并使用 jsfiddle

标签: jquery html css ajax


【解决方案1】:

将第一行改为:

$(this).closest('ul').find('li a').removeClass('current')

这是一个小提琴: http://jsfiddle.net/GPbnE/

【讨论】:

  • 谢谢!但正如我所说,我想在我的脚本中使用父函数和子函数
  • 啊,对不起。要使用 .parent(),您必须执行 .parent().parent()(您可能知道) - 或者,您必须执行条件逻辑来检查 'this' 的父级是否实际上是父级你正在寻找 - 然后递归,直到你找到实际的父母。哪个,当您考虑额外的逻辑时 - 可能会成为 .closest() 的理由?我很好奇你为什么需要使用 .parent() 和 .children()?
猜你喜欢
  • 1970-01-01
  • 2011-06-05
  • 2011-10-27
  • 2016-02-25
  • 1970-01-01
  • 1970-01-01
  • 2018-09-03
相关资源
最近更新 更多