表格：每個單元格鏈接到包含列和行數據的url

Question

我希望表格中的每個單元格（不包括標題，必須是數字）鏈接到使用單元格位置形成的URL，即單元格數量和列號。

E.g.一個單元格將鏈接到example.com/hello.html?column=1 & row = 3

理想情況下，這將與jQuery完成......除非有更好的方法？我無法輕易修改生成表的PHP代碼，因此我認爲它必須是瀏覽器端的。

我看過datatables及其api調用fnGetPosition，但我不確定如何將其轉換爲鏈接，該鏈接對不是第一行或列的每個數值單元格進行操作。

Answer 1

答案，至於jQuery的方面，在於內.index()

考慮下面的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> 

jQuery的應該是這樣的：

$('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 +'">'); 
}) 

工作示例這裏 - http://jsfiddle.net/NDpCa/3/