mdsk.net
当前位置:首页 >> jAvAsCript 怎么获取 li里面点击的元素索引呢? >>

jAvAsCript 怎么获取 li里面点击的元素索引呢?

方法一:为li添加自定义属性 值设为1,2,3,点击对象取属性值.方法二:页面载入时,遍历li,为每一个li dom对象添加属性,属性值设为1 2 3 ,点击对象获取属性值.方法三:点击事件里面遍历li,和点击对象比较

用JS遍历就可以做,代码如下:<br><br>1<br><br>2<br><br>3<br><br>4<br><br>5<br><br>6<br><br>7<br><br>8<br><br>9<br><br>10<br><br>11<br><br>12<br><br>13<br><br>14<br><br>15<br><br>16<br><br>17<br><br>18<br><br>19<

不知道你这个li里面还会不会有li 所以写了两个<br><br>&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;<br>&lt;script type=&quot;text/javascript&quot; &gt;<br>function test1(){<br> //这个index

用jquery的话,这样 var arr = $("ul li"); 得到一个数组,然后遍历这个数组就能得到索引

代码如下,只要是要在li的for循环里通过对oLi[i].index=i一步给oLi[i]赋值,这样才可以告诉系统我的这个i是第几个i,系统自己是不知道你的li是第几个的.希望可以帮到你.<br><!DOCTYPE html><br><html lang="en"><br><head><br><meta

给你一个例子:<ul><li id="1" onclick="dianji(this)">aaaa</li><li id="2" onclick="dianji(this)">bbbb</li><li id="3" onclick="dianji(this)">cccc</li><li id="4" onclick="dianji(this)">dddd</li></ul>//js部分function dianji(obj){var zhi=obj.id; alert("第"+zhi+"个li");}

<ul> <li>hello</li> </ul> <script src="jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $("ul").click(function() { console.log($(this).children()); }); </script>

是获得索引么?不考虑兼容问题,用一下document.getElementsByClassName<br>var child = document.getElementsByClassName("child");<br>for (var i = 0; i < child.length; i++) {<br> var a = child[i];<br> a.index = i;//给每个className为child的元素添加index属性;<br> a.onclick = function () {<br> alert(this.index)<br> }<br>}这样你每次点击就能获得你点击的元素的index

可以通过js dom 来获取,对元素设一个id值,然后为元素绑定一个click事件或直接设置 "onclick=",然后调用相应的function,在function中通过:document.getElementById("") ,就可以获取到地点的元素对象,然后在浏览器中按F12进行调试,就可以看到这个对应的所有属性及方法,当然元素的值也在里面.单纯获取值是:document.getElementById("").value;

给你一个例子:<br><ul><br><li id="1" onclick="dianji(this)">aaaa</li><br><li id="2" onclick="dianji(this)">bbbb</li><br><li id="3" onclick="dianji(this)">cccc</li><br><li id="4" onclick="dianji(this)">dddd</li><br></ul><br><br>//js部分<br>function dianji(obj){<br>var zhi=obj.id;<br>alert("第"+zhi+"个li");<br>}

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com