removeClass不工作

时间:2013-05-20 14:52:19

标签: javascript jquery list removeclass

关于jquery removeClass函数的快速q。

我有一个html列表如下:

 <li class="selected" id="s-12312">
 <li class="selected" id="s-12313">
 <li class="selected" id="s-12314">

和一个javascript / jquery函数来删除类'selected'

function test(id){
    $('li#s-' + id +'.selected').removeClass('selected')
}

我猜这与删除引用该元素的类有关...或者我搞砸了代码:P

谢谢!

1 个答案:

答案 0 :(得分:4)

您的代码没有任何问题。

这是您的代码的一个工作示例:http://jsfiddle.net/7xbKj/

<强> HTML

<li class="selected" id="s-12312" onclick="test('12312')">12312</li>
<li class="selected" id="s-12313" onclick="test('12313')">12313</li>
<li class="selected" id="s-12314" onclick="test('12314')">12314</li>

<强> JS

window.test = function (id) {
    $('li#s-' + id +'.selected').removeClass('selected');
};

<强> CSS

.selected {
    color: red;
    cursor: pointer;
}