点击ul中的li弹出其索引值

html结构

<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

JQuery实现:

 $("ul").on("click","li",function(){
        var index=$("li").index($(this));
       alert(index)
    })

js实现:

 var myul = document.querySelector(‘ul‘);
    var list = document.querySelectorAll(‘ul li‘);

    myul.addEventListener(‘click‘, function(ev){
        var ev = ev || window.event;
        var target = ev.target || ev.srcElemnt;

        for(var i = 0, len = list.length; i < len; i++){
            if(list[i] == target){
                alert(i);
            }
        }
    });
时间: 2024-09-30 22:25:23

点击ul中的li弹出其索引值的相关文章

js循环给li绑定事件实现 点击li弹出其索引值 和内容

代码如下: html代码 <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){ itemli[i].index = i; //给每个li定义一个属性索引值,赋

asp.net中获取Layer弹出层返回值

1.MainPage.aspx中点击按钮利用Layer弹出层,代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="demo.MainPage" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh

点击每个li节点,都弹出其文本值及修改

点击每个li节点,都弹出其文本值 1,获取所有的li节点 var liNodes=document.GetElementsByTagName("li"); 2,使用for循环进行遍历,得到每一个li节点 for(var i=0;i<liNodes.length;i++){ alert(i); } 3,为每一个li节点添加onclick响应函数 liNodes[i].onclick=function(){ } 4,在响应函数中获取当前节点的文本值 this 为正在响应事件的那个节点

asp.net中的窗口弹出实现,包括分支窗口 . ASP.NET返回上一页面实现方法总结 .

返回上一页的这个东东在我们做项目的时候一般是用于填写完表单后确认的时候,有对原来输入的数据进行修改或者更新时用的,或者是因为网站为了方便浏览者而有心添加的一个东东,一般这种功能的实现在ASP.NET中都是用一个Button控件来实现的,实现的方法有很多,今天恰好在做项目时碰到要用这个东东,我就把能实现" 返回上一页","返回前一页"的几种方法总结了一下,供大家学习之用,请多多指教: 其实要实现这个功能主要还是要用到javascript脚本语言! 方法一: 在asp.

android中常用的弹出提示框

转自:http://blog.csdn.net/centralperk/article/details/7493731 我们在平时做开发的时候,免不了会用到各种各样的对话框,相信有过其他平台开发经验的朋友都会知道,大部分的平台都只提供了几个最简单的实现,如果我们想实现自己特定需求的对话框,大家可能首先会想到,通过继承等方式,重写我们自己的对话框.当然,这也是不失为一个不错的解决方式,但是一般的情况却是这样,我们重写的对话框,也许只在一个特定的地方会用到,为了这一次的使用,而去创建一个新类,往往有

windows7点击&quot;安全删除硬件并弹出媒体&quot;无反应解决方法

windows7点击"安全删除硬件并弹出媒体"无反应解决方法 我在移除硬件时,点击"安全删除硬件并弹出媒体"无反应的问题,如果采取直接拔掉USB,可能会损坏U盘或移动硬盘,对于该问题通过以下方式可以简单解决:        "开始菜单">>"控制面板">>"系统和安全">>"管理工具">>"服务">>在&qu

页面table的每行都有一个&lt;input type=&#39;button&#39; /&gt;,如何实现点击按钮在按钮下方弹出一个div,点击空白消失

\ <input id="test" type="button" />/*按钮*/ <div id="tanchu"></div> <script language="javascript"> $(document).ready(function(e) { $("#test").click(function(e) { $("#tanchu"

jQuery点击自身以外地方关闭弹出层

$(function(){ $(document).bind("click", function (e) { if($(e.target).closest("#txt").length>0){ $("#tip").show(); }else{ $("#tip").hide(); } }); }); closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配

Android点击返回键back时弹出对话框Dialog

public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { ExitDialog(MainActivity.this).show(); return true; } return super.onKeyDown(keyCode, event); } private Dialog ExitDialog