Javascript 类标记don'；移开

我有HTML菜单结构。以下是：

<div id="footer-menu">
  <ul>
    <li><a id="menu-1" href="site.com/1"></a></li>
    <li><a id="menu-2" href="site.com/2"></a></li>
    <li><a id="menu-3" href="site.com/3"></a></li>
    <li><a id="menu-4" href="site.com/4"></a></li>
    <li><a id="menu-5" href="site.com/5"></a></li>
  </ul>
</div>

此函数用于添加活动类，确定

<li><a id="menu" href="site.com" class="active"><a>

---

如何修复它？

首先要使HTML标记有效，因为它们有重复的ID。
你可以试试这个

$('#footer-menu a').click(function(){
     $('#footer-menu a').removeClass("active");
     $(this).addClass("active");
});

---

首先，要使HTML标记有效，因为它们具有重复的ID。
你可以试试这个

$('#footer-menu a').click(function(){
     $('#footer-menu a').removeClass("active");
     $(this).addClass("active");
});

---

您不需要删除“class”属性。浏览器调试器向您显示它，因为它存在，但只要它没有class值“active”，它就不会有任何影响。

您不需要删除“class”属性。浏览器调试器会向您显示它，因为它存在，但只要它没有类值“active”，它就不会造成任何影响

<div id="footer-menu">
<ul>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
</ul>
</div>

---

您的标记无效。ID必须是唯一的，

li

标记应该关闭。您需要先编写具有唯一ID、关闭元素等的有效HTML。这是示例，我编辑了我的帖子。@adeneo您关于“ID”的说法是对的，但是

元素不需要关闭。（当然，

元素应该正确关闭：-）您的标记无效。ID必须是唯一的，

li

标记应该关闭。您需要先编写具有唯一ID、关闭元素等的有效HTML。这是示例，我编辑了我的帖子。@adeneo您关于“ID”的说法是对的，但是

元素不需要关闭。（当然，

元素应该正确关闭：-）他仍然会看到完全相同的效果。他仍然会看到完全相同的效果。更确切地说，一个空的

类

属性与没有属性的效果完全相同。更确切地说，空的

类

属性与没有属性的效果完全相同。

<div id="footer-menu">
<ul>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
<li><a id="menu" href="#"></a></li>
</ul>
</div>

$(function() {
    $('#footer-menu li a').click(function(e) {
        e.preventDefault();
        $('#footer-menu li a').each( function() {
        $(this).removeClass('active');
        });
        $(this).addClass('active');
    });
});​