Есть следующая конструкция:
.mb {
display: table;
}
.bl {
width:100px;
float:left;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
text-align:center;
padding: 10px 0px;
box-sizing: border-box;
}
<div class="mb">
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
<div class="bl">
<a href="#" title="#">Ссылка </a>
</div>
</div>
В зависимости от ширины экрана, последний блок в строке будет меняться, также как и количество блоков в последней строке. Требуется вычислить последний блок в строке и добавить ему дополнительный класс "lastblock", а также вычислить все блоки в последней строке и тоже добавить им дополнительный класс "lastrow".
Подскажите, как это реализовать с помощью jquery если это вообще возможно?