闭包 —— 获取li列表的index简例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>获取li的index</title>
</head>
<body>
    <ul>
        <li>《登鹳雀楼》</li>
        <li>白日依山尽,</li>
        <li>行河入海流。</li>
        <li>欲穷千里目,</li>
        <li>更上一层路。</li>
    </ul>
    <script>
        var li = document.getElementsByTagName(‘li‘);
        for(var i=0;i<li.length;i++) {
            li[i].index = i;
            li[i].onclick = function(){
                alert(this.index);
            }
        }
    </script>
</body>
</html>
时间: 2024-11-02 15:39:53

闭包 —— 获取li列表的index简例的相关文章

JS闭包获取li的index值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> li{ background-color: red; } </style> <script type="text/j

Ansible 入门:安装 简例 playbook应用

Mysql 内:select unix_timestamp('2016-10-20')  <---> select from_unixtime(147662104) 转时间戳:date +%s   <--->  date -d @1476762104              ---- 小 Q -----------------------------------------------------------------------------------------------

【翻译】通讯录数据的存取(一)——获取通讯录列表

通讯录数据的存取 有选择性的翻译自:https://developer.android.com/training/contacts-provider/index.html Contacts Provider是用户通信信息仓库,包含通讯录应用程序和社交网络应用程序的数据.我们可以通过直接调用ContactsResolver的方法或直接发送调用通讯录应用程序的intent来获取Contacts Provider提供的信息. 目录 通讯录数据的存取 目录 获取通讯录列表 匹配通信人姓名 定义ListV

点击获取li下标的几种方式

应用闭包时回溯了下几种关于获取li下标的方式 1.点击获取li下标 ---- 闭包 2.点击获取li下标 ---- es6  let 3.点击获取li下标 ---- 给元素添加下标属性index 4.点击获取li  ---- 父级事件监听 思考了下,要获取下标,暂时只能想到添加下标的方法,因此未列出 遇到的问题 使用var 定义 i   结果显示超过下标的数值,轻率认为是冒泡问题,结果无果, 重新审查 知 即是先循环完毕  再执行的点击操作 原文地址:https://www.cnblogs.co

获取指定原色的index位置

<ul> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li> </ul> $("li").click(function(){ alert($(this).index());//点击列表项可获得其相对于同胞元素的 index 位置 }); $('li').

WinPcap的开发与应用:获取设备列表

获取设备列表 1.通常,编写基于WinPcap应用程序的第一件事情,就是获得已连接的网络适配器列表.libpcap和WinPcap都提供了 pcap_findalldevs_ex() 函数来实现这个功能: 这个函数返回一个 pcap_if 结构的链表, 每个这样的结构都包含了一个适配器的详细信息.值得注意的是,数据域 name 和 description 表示一个适配器名称和一个可以让人们理解的描述. 下列代码能获取适配器列表,并在屏幕上显示出来,如果没有找到适配器,将打印错误信息. 有关这段代

linux下C语言socket网络编程简例

转自:http://blog.csdn.net/kikilizhm/article/details/7858405 这里给出在linux下的简单socket网络编程的实例,使用tcp协议进行通信,服务端进行监听,在收到客户端的连接后,发送数据给客户端:客户端在接受到数据后打印出来,然后关闭.程序里有详细的说明,其中对具体的结构体和函数的实现可以参考其他资料. 程序说明: 这里服务器的端口号和ip地址使用固定的设置,移植时可以根据具体情况更改,可以改写为参数传递更好,这里为了方便,使用固定的. 移

一步一步来做WebQQ机器人-(四)(获取好友列表和群列表)

× 本篇主要是: 获取好友列表,群列表 我会尽量详细一点,尽我所知的分享一些可能大家已经掌握的或者还不清楚的经验 利于大家阅读,文章样式不再复杂化,根据内容取固定色 目前总进度大概65% 全系列预计会有这些步骤,当然某些步骤可能会合并: 验证码 第一次登陆 第二次登陆 保持在线和接收消息 获取好友和群列表 发送消息 变成智能的(*?∀?*) 获取好友 1-获取QQ好友的hash算法 P = function (b, j) { for (var a = j + "password error&qu

jquery获取元素索引值index()

jquery获取元素索引值index()方法实例. jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则