2010-07-08 64 views
1

我希望表格中的每个单元格(不包括标题,必须是数字)链接到使用单元格位置形成的URL,即单元格数量和列号。表格:每个单元格链接到包含列和行数据的url

E.g.一个单元格将链接到example.com/hello.html?column=1 & row = 3

理想情况下,这将与jQuery完成......除非有更好的方法?我无法轻易修改生成表的PHP代码,因此我认为它必须是浏览器端的。

我看过datatables及其api调用fnGetPosition,但我不确定如何将其转换为链接,该链接对不是第一行或列的每个数值单元格进行操作。

回答

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/

+0

太好了 - 谢谢。任何方式只让链接上显示数字的单元格? – 2010-07-09 11:57:43