精华内容
下载资源
问答
  • 如果我们只是获取个ul中的第一个li的话,那么我们可以这样写:$("ul li:first");$("ul li").eq(0);$("ul li").first();$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二参数是结束的位置安哲...

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

    $("ul li:first");

    $("ul li").eq(0);

    $("ul li").first();

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

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

    解决方案我大概写了四种

    //方案一

    $(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");

    });*/

    运行结果

    994b87783545c5ff4793d3dc1dff1f9b.png

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

    展开全文
  • 四级菜单的使用很常见实现的方法也有很多,在本文为大家介绍使用ul li ul li ul li ul li 来轻松实现,感兴趣的朋友可以参考
  • 如果是只有一个ul,获取ul中的第一个li,可以用下面五种方法: 代码: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> </head> <...

    如果是只有一个ul,获取ul中的第一个li,可以用下面五种方法:

    代码:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    
    </head>
    <body>
    <ul>
        <li>第1个</li>
        <li>第2个</li>
        <li>第3个</li>
        <li>第4个</li>
    </ul>
    
    <script>
      $(function(){ 
        console.log($("ul li:first").text())
    
        console.log($("ul li").eq(0).text())
    
        console.log($("ul li").first().text())
    
        console.log($("ul").children('li').eq(0).text());
      
        console.log($("ul li:nth-child(1)").text() );
      })
    </script>
    
    </body>
    </html>

     

    如果有多个ul,都需要获取第一个li元素的话,可以使用下面四种方法:

     代码:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    
    </head>
    <body>
    <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>
      //方案一
      $(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>
    
    </body>
    </html>
    

     

    展开全文
  • 如何获取ul下第一个li

    千次阅读 2018-12-13 00:49:30
    1.(1)示例 (2)代码 $("#dimName li:first-child") 2. js api 下载地址: http://u.163.com/1M1rRdrJ  提取码: SrTcM8K8

    1.(1)示例

    (2)代码

    $("#dimName li:first-child")

    2. js api 下载地址:

    http://u.163.com/1M1rRdrJ  提取码: SrTcM8K8

    展开全文
  • 获取第一个ul中的第一个li

    万次阅读 2017-09-01 13:30:00
    获取第一个ul中的第一个li标签的方法: //获取第一个ul中的第一个li /* $("ul li:first").css("background","pink"); $("ul li").eq(0).css("background","pink"); $("ul li").first().css("background","pink...

    获取第一个ul中的第一个li标签的方法:

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

     

    选中如下代码中的各个ul中的第一个li标签

    复制代码
    <body>
    <ul>
      <li>第一个</li>
      <li>第二个</li>
      <li>第三个</li>
    </ul>
    <ul>
      <li>第一个</li>
      <li>第二个</li>
      <li>第三个</li>
    </ul>
    <ul>
      <li>第一个</li>
      <li>第二个</li>
      <li>第三个</li>
    </ul>
    </body>
    复制代码

    共有四种方案:

    方案一:

    复制代码
    $(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");
    

    });

    展开全文
  • 个ul第一个li获取定位 如果我们只是获取个ul中的第一个li的话,那么我们可以这样写: $("ul li:first"); $("ul li").eq(0); $("ul li").first(); $("ul li").slice(0,1);//slice第一个参数表示的选取...
  • ul li:first-child{ } 第一个ul li:last-child{ } 最后一个ul li:nth-child(4){ } 指定第几,4就是代表第四个ul li:nth-child(2n+1){background:red;}/*匹配第1、第3、第5、…个li*/ul li:nth-child(odd){...
  • 个ul获取第一个li获取定位

    千次阅读 2017-07-16 15:49:57
    如果我们只是获取个ul中的第一个li的话,那么我们可以这样写 $("ul li:first"); $("ul li").eq(0); $("ul li").first(); $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二参数是结束的...
  • 个css选择器表示在ul中除了第一个li 其他li的宽度全部设为15%ul li+li{ width:15% ; } 转载于:https://www.cnblogs.com/yaomengli/p/8917107.html
  • jquery获取ul中的第一个li

    千次阅读 2019-09-26 02:26:51
    $("ul li:first"); $("ul li").eq(0);...//slice第一个参数表示的选取开始的位置,第二参数是结束的位置 <script type="text/javascript"> //方案一 $(function(){ var li...
  • css控制一个ul标签的指定li标签样式
  • 改变多个ul下第一个li的样式

    千次阅读 2017-04-24 14:23:06
    body内的代码如下 华仔 华仔 华仔 磊磊 磊磊 磊磊 $(function(){ ...//方式 var lis=$("ul");...$("ul:eq("+i+") li:first").css("background","red"); } //方式二 $("ul").each(function(){ $(this).
  • ul> <li><a href="#">PhotoShop软件</a></li> <li><a href="#">illustrator软件</a></li> <li><a href="#">Dreamweaver软件<...
  • 当你说哪个标签是正确菜单ul li或menu li?时,你是在谈论带有class =“menu”的div还是你在谈论deprecated menu tag(< menu>)?如果你只是在谈论你的css代码,那些不是标签,它们是选择器.我会选择最具体的选择...
  • 在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。...当个li和前两个li的长度之和大于ul的宽度时候 个li则会
  • css控制ul里每个li的样式

    千次阅读 2018-09-26 11:27:52
    我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现?其实,如果前面文件是php开发的,...
  • 第一个li的样式:li:first-child { background:#f00; } 最后一个li的样式:li:last-child { background:#000; } 第n个li的样式:li:nth-child(n) { background:#000; } 倒数第二个li的样式:nth-last-of-type(2){ ...
  • 给列表元素(如 ul li、ol li)定义 CSS 样式,通常的做法是给父元素(如 ul)定义一个 CSS 样式,再用这样式来定义子元素(如 li)的样式,因为子元素通常比较多,样式又大多相同,一个个定义比较麻烦。这样定义有时会...
  • css防止ul下li里面内容超出换行

    万次阅读 2015-05-21 20:02:46
      在使用css结合div布局的...在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里 分别有4个li4个li的宽度根据它们的自身内容长度为80p...
  • 第一个li的样式:li:first-child { background:#f00; }最后一个li的样式:li:last-child { background:#000; }第n个li的样式:li:nth-child(n) { background:#000; }倒数第二个li的样式:nth-last-of-type(2){color:...
  • 多层ul>li 如果获取第一ul li

    千次阅读 2014-03-23 18:49:20
    I II A B 1 2 3 C 解决方案:$('ul#id').children();
  • 在前端开发中,用CSS3轻松实现盒子的宽度根据排盒子的个数自动改变宽度(如:根据ulli的个数来设置li的宽度)
  • 获取第一个ul中的第一个li标签的方法://获取第一个ul中的第一个li/* $("ul li:first").css("background","pink");$("ul li").eq(0).css("background","pink");$("ul li").first().css("background","pink");$("ul li...
  • HTML+CSS解决ulli的错位、换行问题

    万次阅读 2018-02-12 14:49:29
    这篇博客主要是讲如何解决ulli的一些问题,作为一个CSS大白,作者最近再做一个非常简单的导航栏(一个ul中套4个li行)的时候遇到了很多问题。下面将一一讲述。 问题如下: 1.ul中的li如何横向排序? 2....
  • css怎么给4个li~8个li设置样式,有没有比连续写五个li:nth-child好 ![图片说明](https://img-ask.csdn.net/upload/201803/05/1520235393_357551.png)
  • css 实现 ul li 的显示与隐藏

    千次阅读 2016-05-04 20:41:00
    本文从CSS角度来实现导航栏的显示与隐藏,用到了ulli标签 html源代码: css文件: 有点小感悟:总是先设置默认情况:默认不显示或者默认黑色,然后再设置hover时的具体情况 li颜色变化比较简单:设置...
  • css关于div下ulli 留白错位问题

    千次阅读 2011-11-09 16:07:27
    今天才发现这问题,divul是会有错位,ul隔离div一定距离。 代码如下: .img_change_item{ width:200px; height:100px; } .img_change_list{ list-style:none; float:left; } #img_change_...
  • 获取第一个ul中的第一个li标签的方法: //获取第一个ul中的第一个li /* $("ul li:first").css("background","pink"); $("ul li").eq(0).css("background","pink"); $("ul li").first().css("background",...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 104,493
精华内容 41,797
关键字:

css获取ul下的第一个li