zoukankan      html  css  js  c++  java
  • 多个ul中第一个li获取定位

    如果我们只是获取一个ul中的第一个li的话,那么我们可以这样写:

    $("ul li:first");
    $("ul li").eq(0);
    $("ul li").first();
    $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置
    <ul>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
        </ul>
         <ul>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
        </ul>
         <ul>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
        </ul>
         <ul>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
            <li>安哲</li>
        </ul>

    解决方案我大概写了四种

        <script type="text/javascript">
               //方案一
               $(function(){
                   var list=$("ul");
                   for (var i = 0; i < list.length; i++) {
                    $("ul:eq("+i+") li:first").css("background","red");
                       
                }
               });
               //方案二
               /*$(function(){
                   $("ul").each(function(){
                     $(this).children().first().css("background","red");               
                   });
                   });*/
               //方案三
               /*$(function(){
                   $("ul li:nth-child(1)").css("background","red");
               });*/
               //方案四
               /*$(function(){
                   $("ul li:first-child").css("background","red");
               });*/
           </script>

    运行结果

  • 相关阅读:
    printf输出函数
    死循环的3种编写方案
    volatile 和const 变量的使用
    arm mov 指令
    arm ldr 指令
    arm str 指令
    Ztree-
    端口占用问题:java.net.BindException: Address already in use: bind
    模块和包
    序列化模块:json、pickle、shelve
  • 原文地址:https://www.cnblogs.com/chuangege/p/6050863.html
Copyright © 2011-2022 走看看