zoukankan      html  css  js  c++  java
  • jquery元素获取

     1 假设有下面这样一段HTML代码:
     2 
     3 <ul>
     4     <li>jQuery判断当前元素是第几个元素示例</li>
     5     <li>jQuery获取第N个元素示例</li>
     6     <li>jQuery选择器示例</li>
     7 </ul>
     8 jQuery判断当前元素是第几个元素
     9 如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:
    10 
    11 $("ul li").click(function () {
    12     var index = $("ul li").index(this);
    13     alert(index);
    14  });
    15 如上面的jQuery代码,如果点击的第一个会提示"0",如果是第二个li标签会提示"1",注意索引序列号是从0开始的。
    16 
    17 jQuery 获取第N个元素
    18 同理,如果我们要获取第二li标签元素,可以使用下面的代码
    19 
    20 var element=$("ul li").eq(1);
    21 alert($(element).html());
    22 注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。
  • 相关阅读:
    个人冲刺二(2)
    个人冲刺二(1)
    三个和尚观后感
    每日总结
    个人冲刺(10)
    个人冲刺(9)
    个人冲刺(8)
    个人冲刺(7)
    个人冲刺(6)
    下次视频面试前把电脑摄像头擦干净吧
  • 原文地址:https://www.cnblogs.com/yangguoe/p/9570057.html
Copyright © 2011-2022 走看看