日期:2014-05-16  浏览次数:20392 次

如何设置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');
});
})()