添加/上点击

我需要可以设置在两个锚点特定类删除特定类。添加/上点击

这是到目前为止我的代码：http://jsfiddle.net/MV4uM/15/

如果参考上述当前，如果你点击“价格”的文本颜色变为红色的jsfiddle - 同为“字母”。

但是，由于这两个图标都有不同的图标关联，我需要插入特定的类才能将正常图标更改为“选定”以显示所选用户。

特定类的原因是，我可以在CSS中引用图像，因为图像将通过CSS通过背景图像呈现。

所以最终产品应该是：

当用户点击“价格”将有插在一个名为“价格选择了”这样我就可以在CSS中引用这个锚的一类。至于“按字母顺序排列”，当用户再次点击名为“aplha-selected”的类时，我可以在CSS中引用它以更改背景图像以显示选定状态。

只有一个可以在一个时间，因为这可以选择正被用作一个“分类器”。

来源

2012-09-24 Filth

世界上没有理由增加一个额外的类..只是基地你的CSS关闭ID或其他静态类像sort-price和sort-alpha然后就可以像样式：

.sort-alpha.selected { /* bg image or what have you */ } 
.sort-price.selected { /* bg image or what have you */ }

现在你可以做到这一点没有改变

#alpha.selected { /* bg image or what have you */ } 
#price.selected { /* bg image or what have you */ }

Working Fiddle

来源

2012-09-24 02:29:47 prodigitalson

感谢这个！我怎么看不到这个！？！？！菜鸟的错误。非常感谢。 – Filth

试试这个：通过使用ID的事情

$(".btnSort").click(function() { 
    var cls = this.id + '-selected' 
    $(".btnSort").attr('class', 'btnSort'); 
    $(this).addClass(cls + ' selected'); 
});

http://jsfiddle.net/NLv5J/

来源

2012-09-24 02:31:13 undefined

感谢此代码@undefined - 作品一种享受！ – Filth

添加/上点击

回答

相关问题