Tengo una tabla y quiero hacer algunas de las filas ampliable clic en una fila se ampliará a otras varias filas en virtud de que los padres de la fila. No todas las filas deben ser ampliable. jQuery va a estar bien. Podría alguien darme una pista de cómo puede ser alcanzado o seleccione un manual?

Gracias.

InformationsquelleAutor cycero | 2011-02-03

2 Comentarios

  1. 7

    Tuvimos una petición similar en un proyecto en mi trabajo. Aquí está una muestra rápida que hice en el jsfiddle.

    <table>
        <tbody>
            <tr class="main">
                <td >
                    <span class="expand">
                        expand</span>
                </td>
                <td>
                    Show
                </td>
                <td>
                    Show
                </td>
            </tr>
            <tr class="hidden">
                <td colspan="3">
                    hidden 1
                </td>
            </tr>
            <tr class="hidden">
                <td colspan="3">
                    hidden 2
                </td>
            </tr>
    </table>

    Y ahora el jQuery

    $("td span.expand").click(function() {
        $(this).parents("tr.main").nextUntil("tr.main").toggle();
    });

    Este ejemplo se utiliza nextUntil que se seguirá para seleccionar elementos, hasta que choca con un definido selector, en este caso, tr.principales

Dejar respuesta

Please enter your comment!
Please enter your name here