jQuery 元素 ID 更改导致错误

Question

我有 4 个 div，其 ID 分别为 #registrieren、#story、#faq 和 #mediadaten，以及这个 jQuery 脚本:

var menu='';
$(function()
{
    $('#registrieren').attr('id', 'menuAktiv');
    menu='registrieren';

    $('#registrieren').click(function()
    {
        if(menu != 'registrieren')
        {
            $('#menuAktiv').attr('id', menu);
            $('#registrieren').attr('id', 'menuAktiv');
            menu='registrieren';
        }
        alert(menu);
    });
    $('#story').click(function()
    {
    if(menu!='story')
    {
        $('#menuAktiv').attr('id', menu);
        $('#story').attr('id', 'menuAktiv');
        menu='story';
        }
        alert(menu);
    });
    $('#faq').click(function()
    {
        if(menu != 'faq')
        {
            $('#menuAktiv').attr('id', menu);
            $('#faq').attr('id', 'menuAktiv');
            menu='faq';
        }
        alert(menu);
    });
    $('#mediadaten').click(function()
    {
        if(menu != 'mediadaten')
        {
            $('#menuAktiv').attr('id', menu);
            $('#mediadaten').attr('id', 'menuAktiv');
            menu='mediadaten';
        }
        alert(menu);
    });
});

现在，当我点击 #story、#faq 或 #mediadaten 时，我无法更改#registrieren 回到 #menuAktiv。

当我一开始更改这些元素的另一个元素 ID 时，会发生同样的问题。有什么解决办法吗？

Answer 1

您应该使用类而不是 id 来表示哪个 div 处于事件状态。

http://api.jquery.com/addClass

http://api.jquery.com/toggleClass

http://api.jquery.com/removeClass

然后使用 $('.classname') 选择它。