Question

我有一个List项目，如果我点击任何列表项，它会添加一个ID＆＃34; current＆＃34; 。

但如果我再次点击此列表，那么＆＃34;当前＆＃34; ID应该被删除并再次恢复正常，比如切换。我可以添加属性但不能切换。任何帮助将不胜感激。

JS

$('ul li').click(function(){
    $('ul li').removeAttr("id","current");
    $(this).attr("id","current");
});

Answer 1

应为$('ul li').removeAttr("id");。

<强> jsFiddle example

在相关的说明中，最好使用类而不是ID这样的东西。

更新

要切换，请使用以下类：

$('ul li').click(function () {
    $('ul li').not(this).removeClass("current");
    $(this).toggleClass("current");
});

<强> jsFiddle example

Answer 2

DEMO

以下是切换方式：

$('ul li').click(function(){
    $('ul li').not(this).removeAttr("id");
    if( $(this).attr('id') == 'current' )
    {
        $(this).removeAttr('id');
    }
    else
    {
        $(this).attr("id","current");
    }
});

最适合使用css类进行此类工作：

DEMO

$('ul li').click(function(){
    $('ul li').not(this).removeClass("current");
    $(this).toggleClass('current');
});

Answer 3

试试这个：

$('ul li').click(function(){
    if($(this).attr("id") == "current"){
       $(this).removeAttr("id");
    }else{
       $(this).attr("id","current");
    }
});

如何切换属性

3 个答案: