У меня есть список тегов 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>