colorize a group of cells

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<table border="1">
    <tr>
        <td data-offer="booking-123">test
        </td>
        <td data-offer="booking-123">test
        </td>
        <td data-offer="booking-123">test
        </td>
        <td data-offer="booking-124">test
        </td>
        <td data-offer="booking-124">test
        </td>
    </tr>
</table>

CSS

.red {
  background: #FF0000;
}

JavaScript

$(".booking-123").addClass("red");

$('[data-offer]').click(function() {
   var offer = $(this).data("offer");
   $('[data-offer = '+offer+']').toggleClass('blue');
});