Question

如何用juqery给li标签通过点击后添加class元素

<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
如上我有一组ul加li标签~如果点击其中一个li标签，会在li中添加class="current"，比如我点击第二个，就会变成：
<ul>
<li>...</li>
<li class="current">...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
请问如何实现，我要单击之后不会消失的效果~我写的代码：
<script type="text/javascript">
$(function(){
$("li").each(function(){
$(this).click(function(){
$(this).addClass("current");
});
});
});
</script>
点击后class元素会立刻消失，class的效果只会出现一下~请问如何实现点击后不消失？

Answer 1

$(function() {
$("li").click(function() {
$(this).addClass("current");
});

})