JQuery цикл по массиву и removeClass из первых двух элементов, давая остальным элементам другой эффект - PullRequest
0 голосов
/ 31 октября 2018

У меня есть список тегов h2, которые имеют один и тот же класс. Дилемма, с которой я столкнулся, заключается в том, что мне нужно удалить классы первых двух элементов h2 в списке, а затем обернуть братьев и сестер оставшихся элементов в таблице. Я могу получить только код для достижения 1 или другой, а не оба. У меня есть цикл for, который начинается с 2, чтобы пропустить первые два элемента, поскольку их братья и сестры не принадлежат таблице. Проблема с этим - пропустить первые два, теперь я не могу удалить их классы, потому что цикл никогда не доходит до них. Может ли кто-нибудь помочь мне, не меняя направление моего кода.

<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>

1 Ответ

0 голосов
/ 31 октября 2018

Как насчет цикла for вы делаете что-то вроде этого: togglerHeaders.slice (0,1) .removeClass ( 'переключение');

...