js怎么获取 鼠标悬浮在某一个li时 获取该li的下标

整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

html代码部分：

新建一个ul无序列表，并赋予id值，如：

<ul class="UL" id="UL">

<li>1111111</li>

<li>2222222</li>

<li>3333333</li>

<li>4444444</li>

</ul>

css部分：

接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框，如：

UL{display:block; width:100px; text-align:center; margin:20px auto;}

UL li{display:block; line-height:30px; cursor:pointer; border:1px dashed red;}

最后是JS代码部分：

//定义ul的悬浮函数

documentgetElementById("UL")onmouseover = function(e){

var target = etarget;    //获取对应目标元素

var children = thischildren;    //获取ul里面的所有li元素集合

for(i = 0;i<childrenlength;i++){

if(target == children[i]) { //对比目标元素和li集合元素

     alert("目标元素的下标为：" + i);    //输出目标元素的下标

return;

}

}

};

最后用浏览器打开该html文件，鼠标悬浮到li上面的时候，就会输出对应li的下标，比如鼠标覆盖在第3个li上面，即 <li>3333333</li>上面时，效果图如下：

如果是无序的集合, 那么不存在位置这个说法

如果是有序的集合,

以ArrayList为例, 那么插入元素,没有指定位置,那么集合长度-1 就是插入的下标

如果指定了位置,那么指定的位置就是插入的下标啊 ,如果指定位置大于集合长度,会抛出异常

参考代码

import javautilArrayList;

public class ListDemo {

public static void main(String[] args) {

ArrayList<String> list = new ArrayList<String>();

//自带的添加元素的方法

listadd("天涯"); 

listadd("明月");

listadd(1,"晴天");

//使用自定义函数 进行添加元素

int a = myAdd(list, "令狐冲");

Systemoutprintln(a);

int b = myAdd(list,2,"郭芙蓉");

Systemoutprintln(b);

Systemoutprintln(list);

}

//向集合尾部插入元素

private static int myAdd(ArrayList<String> list, String e) {

listadd(e);//向尾部加入一个元素

return listsize() - 1;//返回最后一个元素的下标即可

}

//向集合指定位置插入元素

private static int myAdd(ArrayList<String> list, int index, String e) {

listadd(index, e);//向指定位置加入1个元素

return index;//返回指定的位置

}

}

测试结果

3

2

[天涯, 晴天, 郭芙蓉, 明月, 令狐冲]

使用 js 或者jquery

-----------------------------

但你动态增加行数据时，给当前增加的行 增加一个属性例如 name="addtr" <tr name="addtr"></tr>

当要获取时 可以使用js或jquery获取这种标记的tr就好<pre t="code" l="pl">$(funciton(){

$("tr [name='addtr']")each(function(){

alert($(this)());//增加的每一条tr的html数据

});

});

比如说userConfigWidgetListget(3)的前一条数据就是userConfigWidgetListget(2)啊 下一条就是userConfigWidgetListget(4)啊。。。用for循环就好了

其实很简单，完全不用用集合，只要一找好就print或组String，多馀的内存也可以省下\x0d\\x0d\public class Run {\x0d\\x0d\ private final static int [] temp = {1,2,5,8,6,2,11,15,2,6,2,11,15,5,1,8,6};\x0d\\x0d\ public static void main(String[] args) {\x0d\ Run r = new Run();\x0d\ rlocateAllAndPrint();\x0d\ }\x0d\\x0d\ private void locateAllAndPrint () {\x0d\ for (int i = 0; i [")insert(0, h)append(']');\x0d\ Systemoutprintln(sbtoString());\x0d\ }\x0d\ }\x0d\ }\x0d\}\x0d\\x0d\解释一下，第一个 j 的 loop是用来防止print重覆的数字\x0d\第二个 j 的 loop是用来组一串string，串好了才print，这样可以减少print的次数，delay也可以减少，当然，如果你喜欢的话，你可以直接print，不需要用stringbuffer

以上就是关于js怎么获取 鼠标悬浮在某一个li时 获取该li的下标全部的内容，包括:js怎么获取 鼠标悬浮在某一个li时 获取该li的下标、JAVA如何实现在一个集合中插入一个元素,并返回插入的下标、如何获取一个jsp页面动态表格的某一行的下标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！