Making equal-sized tabs to fill the full width of a box How would you simplify the following block of jQuery code?

I use this in a tab-box to size the tabs to style the tabs to the full width of the box no matter if it's 2 or 10 tabs...

It works perfectly, just interested if there's a better/shorter way to achieve the goal.

$(document).ready(function() {
  $('ul.tabs-list').each(function () {
    if ($(this).children().length == 2)
  $(this).addClass("two");
    if ($(this).children().length == 3)
  $(this).addClass("three");
    if ($(this).children().length == 4)
  $(this).addClass("four");
    if ($(this).children().length == 5)
  $(this).addClass("five");
    if ($(this).children().length == 6)
  $(this).addClass("six");
    if ($(this).children().length == 7)
  $(this).addClass("seven");
    if ($(this).children().length == 8)
  $(this).addClass("eight");
    if ($(this).children().length == 9)
  $(this).addClass("nine");
    if ($(this).children().length == 10)
  $(this).addClass("ten");
  });
});
Use the length as an index for an array containing classes :

$(document).ready(function() {
    var classes = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'];
    $('ul.tabs-list').each(function () {
        $(this).addClass(classes[$(this).children().length]);
    });
});