Question

Ok I have a dynamically created set of elements where each particular kind gets its own UL container for its set of data. So what I have is a 1-20 UL sets on my page at any given time and I am trying to do an $.each() on them. So I can run through them and double check to make sure there is greater than one li per UL. Cause in some cases my datasets are temporarily out and need to be refilled. So what I want to do is if the length of any given ul is <= 1 I want it to put a message in that container, no matches currently. Instead of leaving it blank. So

I try:

$.each('.service_container', function(){$(this).append('no data');});

and

$('.service_container').each(function(){$(this).append('no data');});

along with a half a dozen or more concepts for the function section of the each() to see if I can get it to do anything, and I can’t.. so I am looking for suggestions.

Answer 1

It seems like you could do:

$('ul.service_container').each(function(){
  var $ul = $(this);
  if ($ul.children().length <= 1) {
    $ul.append('<li>no data</li>');
  }
});