jquery - tablas - Tabla: cada celda se vincula a la url que contiene datos de columna y fila

tabla dinamica php mysql jquery

Question

Quiero que cada celda de mi tabla (excluyendo los encabezados y tiene que ser un número) se vincule a una URL que se forma utilizando la posición de la celda, es decir, el número de celda y el número de columna de la misma.

Por ejemplo, una celda se vinculará a example.com/hello.html?column=1&row=3

Idealmente, esto se haría con jQuery ... ¿a menos que haya una mejor manera? No puedo modificar fácilmente el código PHP que está generando la tabla, así que creo que tendrá que ser del lado del navegador.

He echado un vistazo a datatables y su api call fnGetPosition pero no estoy seguro de cómo convertir esto en un enlace que opera en cada celda numérica que no es la primera fila o columna.

Answer 1

La respuesta, en lo que respecta a jQuery, se encuentra dentro de .index()

Dado el siguiente html:

<table>
    <tr>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
    </tr>
        <tr>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
    </tr>
    <tr>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
        <td>Test</td>
    </tr>
<table>

El jQuery se vería así:

$(''tr td'').each( function() {
    var colNum = $(this).index();
    var rowNum = $(this).parent().index();
    $(this).wrap(''<a href="example.com/hello.html?column='' + colNum + ''&row='' + rowNum +''">'');
})

Un ejemplo de trabajo aquí - http://jsfiddle.net/NDpCa/3/