costruire tabella HTML con risposta XML jQuery

Question

Sto tentando di scorrere una risposta da una richiesta di jQuery Ajax (restituito come XML).

Con quella risposta, sto costruendo una tabella HTML con 3 colonne (capaci di un numero illimitato di righe). Una volta che il quarto nodo XML / "società" si trova, dovrebbe iniziare una nuova riga nella tabella. Aiuto con il JS per determinare quando la nuova riga deve essere aggiunto è più apprezzato. Grazie!

JS esempio:

/* 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');  
    }  
  });  

});

Esempio di risposta XML dal servizio 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

L'operatore modulo è grande per cose come questa. Fondamentalmente si divide un numero per un altro numero e restituisce il resto. Così 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);  
    }  
    });
});

Ho anche memorizzato $("#tbl") in una variabile per ridurre il numero di ricerche.