如何设置jquery监控单独li上的的事件

Question

问题是这样的：<ul>
<li>一</li>
<li>二</li>
<li>三</li>
</ul>我想单击一的时候，一的字体变红，单击二的时候，其字体变红，而没单击的字体回复原来的颜色$(function () {
$('li').click(function () {
$(this).css('color','red');
})
})不过这样的结果是一个一个单击后，都分别变红了，之后，我便分别在li上价格id，能解决，不过感觉方法太笨了function fun(id)
{
    if(id == 1)
    {
        $('#l1').css('color','red');
        $('#l2').css('color','black');
        $('#l3').css('color','black');
    }
    if(id == 2)
    {
        $('#l2').css('color','red');
        $('#l1').css('color','black');
        $('#l3').css('color','black');
    }
    if(id == 3)
    {
        $('#l3').css('color','red');
        $('#l2').css('color','black');
        $('#l1').css('color','black');
    }
}那位大大，有更简便的方法，先拜谢了！

Answer 1

$(function(){
  $("ul li").click(function(){
    $(this).css('color','red').siblings().css('color','black');
  });
})()