小编Zac*_*ady的帖子

所以我试图在div中包含一系列子元素,以便在组中操作它们; 试图将每个小组定位在不同的地方.场景是我有一个随机生成li标签的列表,无论有多少出现我需要分别操作每一组十个.

为了解决这个问题,我使用了一份书面清单:

$("ul li ul li:nth-child(n+11)").wrapAll("<span class='shift' />");

现在我已经能够使用以下方法轻松地将孩子们包裹在div中.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="access">
  <div class="menu">
    <ul>
      <li>
        <p>Hello</p>
        <ul>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff2</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>
          <li>Stuff3</li>

        </ul>
      </li>
    </ul>
  </div>
</div>

但这当然不是我需要的.

这是我正在处理的代码.

var count = $("ul li ul li").length;
for(var c = 11; c<=count;c+=10){
$("ul li ul li:nth-child(n+"+c+")").wrapAll("<span class='shift' />");
}

这种工作但它创建了shift类的嵌套实例.

我需要单独的包装器div.如果我要编写代码,它将是:

 $("ul li …

所以我在悬停时出现了一个下拉导航,我试图在那里延迟以提高可用性.最初我使用的是hoverIntent,除了IE8及以下版本以外,它在任何地方都能很好地工作.

所以我试图用普通的旧Javascript来做延迟,但是setTimeout函数不会调用我的jQuery.

var J = jQuery.noConflict();

 J(".navigation li").hover(function(){J(this).addClass("hover");},function(){setTimeout("J(this).removeClass('hover');",500);});      

当我这样设置时:

 function off(){J(this).removeClass("hover"); alert("hello");}


J(".navigation li").hover(function(){J(this).addClass("hover");},function(){setTimeout("off()",500);}); 

警报完美但不是.removeClass函数.

我错过了什么吗？