Как с помощью jquery назначить класс последнему блоку в строке и всем блокам последней строки

var $list = $('.mb .bl'); 
 
$(window).resize(function() { 
 
  var top = $list.last().offset().top; // верхняя координата элементов последнего ряда 
  var left; // левая граница последнего элемента в ряду (пока неизвестна) 
 
  // начинаем проверять элементы последней строки с конца списка 
  for (var i = $list.length - 1; i >= 0; --i) { 
    var $current = $list.eq(i); 
    $current.removeClass('lastrow lastblock') 
 
    // проверяем верхнюю координату, если равна top,  
    // значит текущий элемент из последнего ряда 
    if ($current.offset().top === top) { 
      $current.addClass('lastrow'); 
      continue; 
    } 
 
    // первый элемент, у которого верхняя координата не равна top 
    // является последним элементом в предпоследней строке 
    $current.addClass('lastblock'); 
    left = $current.offset().left; 
    break; 
  } 
 
  // продолжаем проверять элементы,  
  // только теперь ищем последние элементы в строке 
  for (i -= 1; i >= 0; --i) { 
    var $current = $list.eq(i); 
    $current.removeClass('lastrow lastblock') 
 
    if ($current.offset().left === left) { 
      $current.addClass('lastblock') 
    } 
  } 
}); 
 
$(window).trigger('resize')

.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; 
} 
 
.lastrow a { 
  color: red 
} 
 
.lastblock a { 
  color: green 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

var itemsInRow = 0; 
 
$(window).resize(function() { 
  var blw = $('.mb .bl').outerWidth(); 
  var mbw = $('.mb').outerWidth(); 
  if (itemsInRow !== Math.floor(mbw / blw)) { 
    itemsInRow = Math.floor(mbw / blw); 
    $('.mb .bl.lastblock').removeClass('lastblock'); 
    $('.mb .bl.lastrow').removeClass('lastrow'); 
    $('.mb .bl:nth-child('+itemsInRow+'n)').addClass('lastblock'); 
    $('.mb .bl.lastblock').last().nextAll().addClass('lastrow'); 
    if (!$('.lastrow').length) { 
      $('.mb .bl:gt('+($('.mb .bl').length - itemsInRow-1)+')').addClass('lastrow'); 
    } 
  } 
}); 
 
$(window).trigger('resize');

.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; 
} 
 
.lastblock a { 
  color: green 
} 
 
.lastrow a { 
  color: red 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>