Question

Example page: http://vincent-massaro.com/columns/columns.html

On this page, there are two ordered lists, one with four items, and one with eight. I need to write a condition that checks how many list items are in each ordered list, and if it’s more than four, split them into columns; if there are less than four, don’t split into columns. The code that accomplishes this now is:

$(‘.mcol’, this).makeacolumnlists({cols: 3, colWidth: 0, equalHeight: ‘ul’, startN: 1});

Thanks in advance!

Answer 1

One nice way is with a custom selector. Something like this:

$.expr[':'].hasmorethan4li = function(obj){
  return $(obj).children('li').length > 4;
};

Lets you do this:

$('ol:hasmorethan4li').makeacolumnlists(....);

---

Updated: As per the OP’s question from the comments, here’s a version of the selector for lists with between 4 and 12 items:

$.expr[':'].hasbetween4and12li = function(obj){
  var len = $(obj).children('li').length; // so we only have to run this once
  return len >= 4 && len <= 12;
};