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

JavaScript010

js怎么获取鼠标悬浮在某一个li时，该li的下标？,第1张

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

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

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

这个可以完全用css来实现，不需要js的参与：

<style>

#box .link {display:none}

#box:hover .link {display:inline}

</style>

<div id="box">

   <div>XXXXXXXXXXXXXXX</div>

   <div>

      <span>1111111</span>

      <span> 2222 </span>

      <span>....aaa....</span>

      <span class=link><a href="#">删除问题</a></span>

   </div>

</div>