javascript - 如何切换属性

标签 javascript jquery

我有一个列表项,如果我单击任何列表项,它会添加一个 ID“current”。

但是,如果我再次单击此列表,则此“当前”ID 应该被删除并再次恢复正常,例如切换。我可以添加属性,但无法切换。任何帮助将不胜感激。

FIDDLE

JS

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

最佳答案

应该是$('ul li').removeAttr("id");

<强> jsFiddle example

与此相关的是,对于此类内容,最好使用类而不是 ID。

更新:

要进行切换,请使用以下类:

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

<强> jsFiddle example

关于javascript - 如何切换属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25448567/

相关文章:

javascript,用其他图像替换图像上的特定彩色区域

JavaScript - 从 DOM 元素数组设置图像宽度

javascript - 在移动状态下调整 Bootstrap 轮播中的图像高度

javascript - 将 javascript var 值发送到 php 页面(不是 ajax)

javascript - jQuery 热键插件提交表单在输入时不起作用

jquery - Freebase 从行政区划中选择所有城市

jquery - 如何清晰地定义 $().on() 选择器

jquery - dropwizard 和 jquery 上的 CORS 问题

javascript - Jquery attr ('src' )在 IE 8 中未定义(在 FF 中工作)

javascript - 基于谷歌地理编码器中未知地址的建议