首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么实现查找n组ul li中的前n个元素?

2013-06-19 
如何实现查找n组ul li中的前n个元素??效果如下所示,但是下面是hard code的,不是很理想,请指教。divull

如何实现查找n组ul li中的前n个元素??
效果如下所示,但是下面是hard code的,不是很理想,请指教。


<div>
    <ul>
        <li>23</li>
     
        <li>2sq</li>
     
        <li>3w</li>
     
        <li>4e</li>
    </ul>
    <ul >
        <li>sas</li>
     
        <li>sd</li>
     
        <li>a</li>
     
        <li>b</li>
    </ul>
    
     <ul >
        <li>sas</li>
     
        <li>sd</li>
     
        <li>a</li>
     
        <li>b</li>
    </ul>
    
     <ul >
        <li>sas</li>
     
        <li>sd</li>
     
        <li>a</li>
     
        <li>b</li>
    </ul>
</div>


.vip {
    color:red;
}



$(function() {
    $("ul li:nth-child(1)").addClass("vip");
    $("ul li:nth-child(2)").addClass("vip");   
    
});



对n组ul li的前n个li增加vip样式,上面的js是hard code的,怎么实现一个动态灵活扩展的写法??

[解决办法]
$("ul").each(function () { $('li:lt(2)', this).addClass('vip') })

改红色部分,下标从0开始。。

热点排行
Bad Request.