遍历演示

jquery

18-12-24 1:25:27

$(selector).each(function(index,element))

必需。为每个匹配元素规定运行的函数。

index - 选择器的 index 位置
element - 当前的元素(也可使用 "this" 选择器)


var dp=0;


$(function($) {
            $("#menu li").each(function(index, domEle){
               $(domEle).mouseover(function(){
                      $(domEle).addClass("focus"); 
                      // $("#menu li").removeClass("focus");
                      //$("#menu li").first().addClass("focus");
                      // $(domEle).addClass("focus");
              });


              $(domEle).mouseout(function(){
                        $(domEle).removeClass("focus");
                        // $("#menu li").removeClass("focus");
                        //$("#menu li").first().addClass("focus");

                       //$("#menu li:eq("+dq+")").addClass("focus");   dq始终显示

              });

 });
  
  
});



<div id="menu" >
<ul  >
    <li class="focus"><a href="/" class="focus">首页</a></li>
    <li class=""><a href="####">链接ABC</a></li>
    <li class=""><a href="####">链接ABC</a></li>
    <li class=""><a href="####">链接ABC</a></li>
    <li class=""><a href="####">链接ABC</a></li>
</ul>
</div>