jQuery y append()

[juandedios]

Hola, quiero agregar información a un DIV extraida de un archivo JSON, la información se extrae bien pero lo estoy poniendo en una tabla y la info va en los <td></td> los cuales deberían aparecer uno al costado del otro y aparecen uno abajo del otro, quizas este haciendo algo mal, aquí les paso el fragmento de código:

Código Javascript:

$.ajax({
    type: "post", 
    dataType: "json", 
    url: "includes/verdiasdisponible.php", 
    data: {doc:doc}, 
    success: function(datos) {
        $("#verdisponible").html("<table><tr>");
        for (var i = 0; datos.length - 1; i++) {
            var fecha = datos[i]["dis_inicio"];
            var sfec = fecha.split(" ");
            var nfec = sfec[0].split("-");
            var fecha = nfec[2] + "/" + nfec[1] + "/" + nfec[0];
            $("#verdisponible").append("<td><strong>" + fecha + "</strong></td>");
            
            if (datos[i]["dis_all"] == "true") {
                $("#verdisponible").append("<td>Todo el día.</td>");
            }
        }
        $("#verdisponible").append("</tr></table>");
    }
});
 

[SergeMedina]

Me parece ser que es porque haces append a la tabla y no al tr.

Como buena practica en el manejo del dom: No lo manipules en cada iteración, es mejor que vayas construyendo un string con el html que necesitas y al final del for lo insertas:

Código Javascript:

var table = '<table><tr>';
 
for(/*Declaracion del for*/) {
    table += '<td>' + info + '</td>';
}
 
$('#verdisponible').html(table);