Я хочу скрыть все теги "а" после 3-го в каждом meta-full отдельно. Но получается так что скрипт ставит класс hid всем элементам на странице полностью, кроме первых 3-х. Как объяснить скрипту, чтобы в каждом новом классе meta-full, он начинал отсчет с начала?
<div class="meta-full">
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<div class="meta-full">
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
<div class="meta-full">
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</div>
$(".meta-full").ready(function () {
max = 8;
i = 0;
$(".meta-full a").each(function() {
i += 1;
if(i > max) {
$(this).addClass("hid");
}
})
});
.hid{
display: none;
}