jQuery 遍历第一个两个项目的数组和 removeClass，同时给剩余的项目一个不同的效果

Question

我有一个 h2 标签列表，它们都具有相同的 class。我遇到的难题是我需要删除列表中前两个 h2 元素的 classes，然后将其余元素的兄弟元素包装在 table 中。我只能得到实现 1 或另一个的代码，而不是两者。我有一个从 2 开始的 for 循环以跳过第一个两个元素，因为它们的兄弟姐妹不属于 table。问题是跳过前两个，现在我无法删除它们的 classes 因为循环永远不会到达它们。谁能在不改变我代码方向的情况下帮助我。

<script>    
$(document).ready(function(){
    var togglerHeaders = $("h2.toggler");
    for (i = 2; i < togglerHeaders.length; i++) {
    var currentH2Element = togglerHeaders[i];
    var siblingsofH2 = $(currentH2Element).nextUntil("h2.toggler");
    $(siblingsofH2).wrapAll("<table></table>");
    } // line ends for loop 
    $(".toggler").next().hide();
    $(".toggler").click(function(){
        $(".toggler").next().toggleClass();
    });
}); 
</script>


<h2 class="toggle">
    <span class="myDate">July 2009</span>
</h2>
<div class="wrapInfo">
    <div class="info">
        <p>High School Recent Graduate</p>
    </div>
</div>
<h2 class="toggle">
    <span class="myDate">June 2008</span>
</h2>
<div class="wrapInfo">
    <div class="info">
        <p>High School Senior</p>
    </div>
</div>
<h2 class="toggle">
    <span class="myDate">May 2007</span>
</h2>
<div class="wrapInfo">
    <div class="info">
        <p>High School Junior</p>
    </div>
</div>
<h2 class="toggle">
    <span class="myDate">April 2006</span>
</h2>
<div class="wrapInfo">
    <div class="info">
        <p>High School Sophomore</p>
    </div>
</div>

Answer 1

在 for 循环之后你做这样的事情怎么样： togglerHeaders.slice(0,1).removeClass('toggle');

jQuery 遍历第一个两个项目的数组和 removeClass，同时给剩余的项目一个不同的效果

jQuery loop through array and removeClass of 1st two items while giving remaining items a different effect

javascript

jquery

for-loop

siblings