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内容。
  • 相关阅读:
    Zepto
    html5新增表单控件和表单属性
    初识html5
    H5 css3布局
    H5 css3背景透明度
    H5 css3特效
    H5 css3渐变
    H5css3的文本属性
    一个类有两个类别中,在类别里实现了相同的方法结果?
    size_t 理解误区
  • 原文地址:https://www.cnblogs.com/yangguoe/p/9570057.html
Copyright © 2011-2022 走看看