精华内容
下载资源
问答
  • 获取点击li的当前索引 点击特定次序的li 展现特定的页面 $('.wgsb').find('.wangge_data_list li').click(function(){var index=$('.wgsb').find('.wangge_data_list li').index($(this));//alert(1);$('.wangge...

    获取点击li的当前索引

    点击特定次序的li  展现特定的页面

     

    $('.wgsb').find('.wangge_data_list li').click(function(){
     var index=$('.wgsb').find('.wangge_data_list li').index($(this));
     //alert(1);
     $('.wangge_data_list01').eq(index).css("display","block").siblings('.wangge_data_list01').css("display","none");
     alert(index);
    })


    //注意,0 或者数字不能截取,最好转成string类型

    转载于:https://www.cnblogs.com/fannn/p/7661634.html

    展开全文
  • 原生js获取当前li元素的索引及demo

    万次阅读 2016-11-11 14:59:20
    function li(){ var li=document.getElementsByTagName('li'); for(var i=0;i<li.length;i++){ li[i].index=i; li[i].onclick=function(){ alert(this.index); for(var j=0;j<li.length;j++){

    样式:

    <style>
    *{ margin:0; padding:0; list-style:none; text-decoration:none; color:#000;}
    li.on{ background-color:#f00;}
    li.on a{ color:#fff;}
    </style>

    html:

    <div style="width:200px; height:300px; border:1px solid red; margin:50px auto; text-align:center;">
        <ul>
            <li style="line-height:32px;"><a href="javascript:void(0);">1111111</a></li>
            <li style="line-height:32px;"><a href="javascript:void(0);">2222222</a></li>
            <li style="line-height:32px;"><a href="javascript:void(0);">3333333</a></li>
            <li style="line-height:32px;"><a href="javascript:void(0);">4444444</a></li>
            <li style="line-height:32px;"><a href="javascript:void(0);">5555555</a></li>
            
        </ul>
    </div>

    js:

    <script>

    function li(){
            var li=document.getElementsByTagName('li');
            for(var i=0;i<li.length;i++){
                li[i].index=i;
                li[i].οnclick=function(){
                    alert(this.index);
                    for(var j=0;j<li.length;j++){
                        li[j].className='';
                        }
                    this.className='on';
                    };
                }
            }
        li();

    </script>

    展开全文
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul id="list">...li>.../li>...li>...
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<ul id="list">
    			<li>1</li>
    			<li>2</li>
    			<li>3</li>
    			<li>4</li>
    		</ul>
    		<script type="text/javascript">
    			var oList = document.getElementById("list");
    			var aLi = oList.children;
    			/*for(var i = 0; i < aLi.length; i++){
    				aLi[i].index = i;
    				aLi[i].onclick = function(){
    					console.log(this.index);
    				}
    			}*/
    			/*for(var i=0;i<aLi.length;i++){
    				aLi[i].onclick = (function(i){
    					return function(){
    						console.log(i)
    					}
    				})(i);
    			}*/
    			
    			/*for(var i=0;i<aLi.length;i++){
    				(function(i){
    					aLi[i].onclick = function(){
    						console.log(i);
    					}
    				})(i);
    			}*/
    			for(let i = 0; i < aLi.length; i++){
    				//4个i 每个i的值不同,点击哪个li,找对应的i
    				aLi[i].onclick = function(){
    					console.log(i);
    				}
    			}
    		</script>
    	</body>
    </html>
    
    
    展开全文
  • jQuery获取当前元素的索引值还是很方便的,比如一大堆的li,当鼠标移上去的时候,你知道这个li是众多li中的第几个吗?
  • js获取li的索引

    千次阅读 2015-11-02 10:22:15
    js获取当前选中的li的索引以及中文本值  *{margin: 0;padding: 0;}  ul li {list-style-type: none;}  .ulall {width: 300px;margin: 0 auto;}  .ulall li{width: 300px;height: 35px}
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>js获取当前选中的li的索引以及中文本值</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    <style>
        *{margin: 0;padding: 0;}
        ul li {list-style-type: none;}
        .ulall {width: 300px;margin: 0 auto;}
        .ulall li{width: 300px;height: 35px}
    
    </style>
    </head>
    <body>
        <ul id="ulall">
            <li name="chek">java</li>
            <li name="chek">css</li>
            <li name="chek">javascript</li>
            <li name="chek">jquery</li>
            <li name="chek">html5</li>
        </ul>
    <pre name="code" class="html"><pre name="code" class="html"><h1>使用闭包实现</h1>
    
    <div class="all" id="conAll">
            <ul>
                <li>html</li>
                <li>css</li>
                <li>javascript</li>
                <li>jquery</li>
            </ul>
        </div>
    
       


     <script> var ultarget=document.getElementById("ulall"); var lis=ultarget.getElementsByTagName("li"); for(var i=0,length=lis.length;i<length;i++){ lis[i].οnclick=function(){ var liIndex=index(this,lis); alert("当前li的索引值是:"+liIndex); } } function index(current, obj){for (var i = 0,length=obj.length; i < length; i++) {if (obj[i] == current) {return i;}}}
    /*使用闭包实现*/
    <pre name="code" class="html"> function requireIndex(){
        	 var targetCon=document.getElementById("conAll");
    	var items=targetCon.getElementsByTagName("li");
    	for(var i=0,length=items.length;i<length;i++){
    		var that=items[i];
    		that.οnclick=(function(k){
    			var info=that.innerHTML;
    			return function(){
    				alert(k+"---"+info);
    			}
    		})(i);
    	}
        }
        requireIndex();
    
    
     </script></body></html>
    
    

    展开全文
  • 如何获取ul中的li的索引

    千次阅读 2018-11-06 10:55:14
    &lt;ul&gt; &lt;li&gt;1&lt;/li&gt;...我需要获取第二个li在ul中的索引值,先取到第二个元素,然后用index()方法获取当前li的索引。 $("ul li:eq(1)").index
  • 下面的代码有点问题,用的是事件委托, JS方法如果获取当前LI的索引值 ? index不起用 。为何 ?请指教 <!doctype html> <html> <head> <meta ...
  • <ul class="list"> <li>哈哈</li> <li>呵呵</li> <li>嘻嘻</li> <li>jj</li> </ul> ...let li = $(".list li"); li.click(...
  • jquery点击li 获取当前父节点所在类的索引 $('.jbcz').find('.content li').click(function(){ //alert($('.jbcz').find('.content').index($(this).parent().parent().parent().parent()));  //上面这种也可以...
  • JQuery获取当前元素的索引值还是很方便的,比如一大堆的li,当鼠标移上去的时候,你知道这个li是众多li中的第几个 吗?代码:$("li").hover(function(){alert($("li").index(this));});.index函数还是很好用的。它的...
  • jquery获取当前元素的索引

    千次阅读 2011-08-24 18:45:45
    jQuery获取当前元素的索引值还是很方便的,比如一大堆的li,当鼠标移上去的时候,你知道这个li是众多li中的第几个吗? $("li").hover(function(){   alert($("li").index(this));  });
  • 如何用JS获取当前标签的索引

    千次阅读 2018-11-28 16:04:51
    有时候,我们需要点击标签的时候,知道当前的索引值。这样好利用索引值去获取另一个标签,进行样式更改。 最典型的运用就是图片轮播。比如这种: 点击对应点,就要显示对应的图片和文字内容。 如何把点 跟 图片...
  • 以ul下的li元素为例;获取li的索引,代码如下: <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</l...
  • 获取当前dom节点索引值 var $l = $("#tab_li ul li"); var index = $l.index(this); $(this).index()
  • vue实现加载并展示后台数据tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <!-- change方法, 数值改变触发 --> <select v-on:change=get...-- 为name属性添加当前索引值 --> <ul v-on
  • 原文地址:http://blog.sina.com.cn/s/blog_493104e50100li7e.html 找了好多资料,可能搜索关键字不对,所以都没有找到,今天给大伙分享一下: ...JQuery获取当前元素的索引值还是很方便的,比如一大堆的
  • var _idx = $('.upload-file').find('.delfilebtn').index($(this));...jquery点击li 获取当前父节点所在类的索引 $('.jbcz').find('.content li').click(function(){  //alert($('.jbcz').find('.content...
  • 用slider写选项卡 官方例子中js部分挺坑,需要给每一个选项绑定事件,代码量太大,最后会给出参考代码。下面是改进一个示例 ... <div class="public-left"> <div class="public-choose">...li class="to
  • 先看一下菜鸟教程定义:获得被点击的li元素相对于它同级元素 index:$("li").click(function(){ alert($(this).index()); });也就是说,如果两个父类元素下面都有一个li标签。分别点击两个li标签,弹出...
  • jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素...
  • jquery获取索引

    千次阅读 2017-02-15 15:08:13
    获取当前点击的元素在原来集合中的索引 li { height: 25px; line-height: 25px; background: rgba(0,0,0,0.5); border-bottom: 1px solid red; } a { text-decoration: none; font-size: 16px; }

空空如也

空空如也

1 2 3 4 5
收藏数 99
精华内容 39
关键字:

获取当前li的索引