获取第一个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 = ; 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");
});

效果如下代码:

最新文章

  1. pom.xml中引入局域网仓库
  2. linux下python安装到指定目录
  3. NGINX怎样处理惊群的
  4. Linux下获得系统时间的C语言实现
  5. C/C++, Java和C#的编译过程解析
  6. C++中字符串的结尾标志\0
  7. Bzoj 1756: Vijos1083 小白逛公园 线段树
  8. Android定义的路径全局变量
  9. 字体圆润属性的使用-webkit-font-smoothing: antialiased
  10. 将listBox中信息显示在dataGridview中,操作datagridview后删除listBox信息和SQL数据库信息 续(浅谈listBox..)
  11. elasticsearch 索引 类型 id
  12. pv操作 生产者消费者
  13. Java基础一:面向对象的特征
  14. Springmvc_validation 效验器
  15. java注解细节
  16. Servlet面试题归纳
  17. JavaScript 当月第一天和最后一天
  18. 【代码笔记】Web-JavaScript-JavaScript 运算符
  19. HDU 2426 Interesting Housing Problem (最大权完美匹配)【KM】
  20. IE内核浏览器的404页面问题和IE自动缓存引发的问题

热门文章

  1. tomcat8的配置
  2. SOAP(简单对象访问协议)
  3. windows重新获取IP
  4. html5 方框内的小球
  5. apache服务器安装
  6. Android--Apache HttpClient
  7. [CareerCup] 7.6 The Line Passes the Most Number of Points 经过最多点的直线
  8. mac下163企业邮箱客户端的配置
  9. 线上问题 - MySQL SQL state [HY000]; error code [1366]
  10. spring源码分析之spring-messaging模块详解
  11. C# GC.Collect()
  12. sql server 去除字符中空格的方法
  13. Python爬虫02——贴吧图片爬虫V2.0
  14. SQL 表结构操作
  15. 听说图像识别很难,大神十行代码进行Python图像识别
  16. 痞子衡嵌入式:ARM Cortex-M文件那些事(2)- 链接文件(.icf)
  17. zabbix结合grafana打造炫酷监控界面
  18. [js]js设计模式-单例模式
  19. 从零开始学 Web 之 移动Web(二)JD移动端网页,移动触屏事件
  20. 如何用C#动态编译、执行代码