Construa a tabela HTML com resposta xml jQuery

Question

Estou tentando iterar através de uma resposta de uma solicitação jQuery Ajax (retornada como XML).

Com essa resposta, estou construindo uma tabela HTML com 3 colunas (capazes de um número ilimitado de linhas). Depois que o 4º nó XML/ "Companhia" for encontrado, ele deve iniciar uma nova linha na tabela. Qualquer ajuda com o JS para determinar quando a nova linha deve ser adicionada é mais apreciada. Obrigado!

Exemplo JS:

/* jQuery Ajax Call here */

success: function(xml){  
    var trow = $("<tr>");  
    $(xml).find("Company").each(function(index){  
    var cellData = "<td width=\"33%\" valign=\"top\" ><div class=\"container\">"+
"<div class=\"item\"><a href=\"#\" title=\"\" target=\"\">"+ $(this).attr("Name")+ "</a></div>"+  
"<div class=\"description\">"+ $(this).attr("Description") + "</div></div></div></td>";  
    $(cellData).appendTo(trow);   
      });  
      trow.appendTo('#tbl');  
    }  
  });  

});

Exemplo de resposta XML do serviço da web:

<Companies>
    <Company ID="6" Name="Company name 1" Description="Lorem ipsum" />
    <Company ID="22" Name="Company name 2" Description="Lorem ipsum" />
    <Company ID="28" Name="Company name 3" Description="Lorem ipsum" />
    <Company ID="31" Name="Company name 4" Description="Lorem ipsum" />
</Companies>

Answer 1

O operador Modulo é ótimo para coisas como essa. Basicamente, ele divide um número por outro número e retorna o restante. Então 1 % 4 = 1 e 4 % 4 = 0 e 8 % 4 = 0:

success: function(xml){
    var trow = $("<tr>"), table = $("#tbl");  
    $(xml).find("Company").each(function(index){  
        var cellData =  "<td width=\"33%\" valign=\"top\" ><div class=\"container\">"+
                        "<div class=\"item\"><a href=\"#\" title=\"\" target=\"\">"+ 
                        $(this).attr("Name")+ "</a></div>" +  
                        "<div class=\"description\">" + $(this).attr("Description") + 
                        "</div></div></div></td>";
        $(cellData).appendTo(trow);   
        if( (index + 1) % 4 == 0) {
            trow.appendTo(table);
            trow = $("<tr>");
        }

      });  
      if(trow.is(':not(:empty)')) trow.appendTo(table);  
    }  
    });
});

Eu também armazenei $("#tbl") em uma variável para reduzir o número de pesquisas.