详解获取jq ul第一个li定位的四种解决方案

前端之家收集整理的这篇文章主要介绍了详解获取jq ul第一个li定位的四种解决方案前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

  • 安哲
  • 安哲
  • 安哲
  • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲
    • 安哲

    解决方案我大概写了四种

    }
    });
    //方案二
    /$(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");
    });
    /

    运行结果

    以上就是本文的全部内容,希望对大家有所帮助,谢谢对编程之家的支持

    原文链接:https://www.f2er.com/js/44240.html

    猜你在找的JavaScript相关文章