怎么设置jquery监控单独li下的的事件

如何设置jquery监控单独li上的的事件
问题是这样的：

HTML code

<ul><li>一</li><li>二</li><li>三</li></ul>

我想单击一的时候，一的字体变红，单击二的时候，其字体变红，而没单击的字体回复原来的颜色

HTML code

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

不过这样的结果是一个一个单击后，都分别变红了，之后，我便分别在li上价格id，能解决，不过感觉方法太笨了

HTML code

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');    }}

那位大大，有更简便的方法，先拜谢了！

[解决办法]
$(function(){
$("ul li").click(function(){
$(this).css('color','red').siblings().css('color','black');
});
})()