javascript 怎么获取 li里面点击的元素索引

如题所述

用JS遍历就可以做,代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21
<ul id="test">
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
</ul>
<script>
window.onload=function(){
var ul=document.getElementById('test');
var ul_lis=ul.getElementsByTagName('li');
for (var i = 0;i < ul_lis.length; i++) {
ul_lis[i].index = i;
ul_lis[i].onclick=function(){
var j=this.index+1;
alert(j);
}
}
};
</script>
如果想简单的放用jQuery很方便就可以获取。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15
<ul id="test">
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
</ul>
<script>
$("#test li").click(function(){
var index = $(this).index()+1;
alert(index);
return false;
});
</script>
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
温馨提示:内容为网友见解,仅供参考
无其他回答

javascript 怎么获取 li里面点击的元素索引呢?
用JS遍历就可以做,代码如下:<ul id="test"><ul><li>111<\/li><li>222<\/li><li>333<\/li><li>444<\/li><\/ul><\/ul><script>window.onload=function(){ var ul=document.getElementById('test'); var ul_lis=ul.getElementsByTagName('li'); for (var i = 0;i < ul_lis...

javascript 点击怎么获取自己是第几个?
javascript 点击获取自己是第几个的方法有:一、使用index()方法;1、方案:$("li").index();index([selector|element])搜索匹配的元素,并返回相应元素的索引值,从0开始计数。2、如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。3、如果参...

获取javascript数组所有重复元素的索引的函数,个人js实战经验
如果元素首次出现,则在`elementIndices`中创建一个新键,并将当前索引放入该键的值数组。使用此函数,你可以轻松获取数组中所有重复元素的索引。例如:javascript let array = [1, 2, 3, 2, 4, 5, 3, 6];console.log(findDuplicateIndices(array)); \/\/ 输出:[1, 3, 5]这个函数的输出是一...

...问题之为什么点击弹出的i总是最后一个_javascript技巧
首先看一下代码,点击li之后弹出当前li所对应的索引值。于是很多人刷刷刷写出了下面的代码。 但是结果不尽人意,为了简单,我们约定一下页面中有2个li。点击li之后弹出的都是2。 我们首先来分析一下为什么结果是1.我们可以简单的将循环分成两部。 在执行click的函数的时候,会有一个作用域链,这个作用...

如何用javascript获取id子节点的值
(2)parentObj.lastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点。与firstChild一样,它也可以递归使用。 在使用中,如果我们把二者结合起来,那么将会达到更加令人兴奋的效果,即:parentObj.firstChild.lastChild.lastChild...(3)parentObj.childNodes:获取已知节点的子节点数组...

javascript 点击怎么获取自己是第几个?
javascript 点击怎么获取自己是第几个的方法如下:<div>点我<\/div><div>点我<\/div><div>点我<\/div><div>点我<\/div><div>点我<\/div><div>点我<\/div><div>点我<\/div><div>点我<\/div><script>var divs=document.getElementsByTagName("div");for(var i=0;i<divs.length;i++){divs...

js怎么获取元素位置js如何获取元素的位置
如何在js中获取数组中元素的位置 您可以使用Array附带的方法:arrayObj.shift()shift方法删除数组中的第一个元素并返回它。例如:varary=[1,2,3,4];vara=ary.shift();\/\/a=1;ary=[2,3,4];arrayObj.slice(开始,[结束])slice方法返回一个Array对象,该对象包含arrayObj的指定部分。参数:...

js设置光标位置(js获取光标所在元素)
1. 通过顶层document节点获取:(1)document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法。如果页面上含有多个相同id的节点,那么只返回第一个节点。如今,已经出现了如prototype、Mootools等多个JavaScript库,它们提供了更简便的方法:(id),参数仍然是节点的id。这个方法...

javascript\/jquery怎么判断所点击元素是其父元素中的第几个子元素?
("span").click(function(){ alert($(this).index()+1);});index()返回该元素的索引值,可表示该span属于其父元素<div>中的第几个子元素。

javascript在没有ID的情况下获得值
function test(id){\/\/这里的参数你想操作行索引 var tab=document.getElementById("tb");\/\/获取这个table for(var ii=0;ii<tab.rows[id].cells[0].children.length;ii++){\/\/rows[id]就是你要操作的行.cells[0]是你的文本框所属td的索引.这里是对该td中所有元素进行循环 var obj=tab....

相似回答