Foros del Web - Ver Mensaje Individual

Dany_s · #6 (**permalink**) 12/11/2010, 09:50

efectivamente como dijo chichohot, tenes 2 tbody, aunque no lo veas en tu código

en el código tenes solo 1

Código HTML:

Ver original<tbody>
</tbody>

pero tenes un tr suelto, ahi se genera un tbody

entonces te queda 2 tbody, fijate en el firebug la estructura y vas a entender

arregle tu tabla te debe quedar algo asi

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
        $( function (){
            var num = 0;
            $("#agrega").click(fn_agregar)
            function fn_agregar(){
                num++;
 
                cadena = "<tr>";
                cadena += "<td>" + num + "</td>";
 
                $("#tabla tbody").append(cadena);
 
                alert("Recorrido Agregado"+ num);
            };
        });
 
        </script>
    <style>
    </style>
    <body>
 <div id="controles">
    <table width="1024" border="1" cellpadding="0" cellspacing="0" id="tabla" align="center" style="border-collapse:collapse">
        <thead>
            <tr>
                <th align="center" width="10%">ID</th>
                <th width="5%">agrega</th>
            </tr>
        </thead>
 
        <tbody>
        <tr>
            <td align="center"></td>
            <td align="center"><input type="button" name="agrega" id="agrega" value="agrega" /></td>
        </tr>
        </tbody>
    </table>
</div>
</html>