表:每个单元格链接到包含列和行数据的url
我希望我的表格中的每个单元格(不包括标题,必须是数字)链接到使用单元格位置形成的URL,即单元格的数字和列号。
例如,单元格将链接到example.com/hello.html?column=1&row=3
理想情况下,这将使用jQuery完成…除非有更好的方法吗? 我不能轻易改变生成表的PHP代码,所以我认为它必须是浏览器端。
我已经看过datatables及其api调用fnGetPosition,但我不确定如何将其转换为链接,该链接在不是第一行或列的每个数字单元格上运行。
就jQuery而言,答案在于.index()
鉴于以下html:
Test Test Test Test Test Test Test Test Test Test Test Test
jQuery看起来像这样:
$('tr td').each( function() { var colNum = $(this).index(); var rowNum = $(this).parent().index(); $(this).wrap(''); })
这里有一个工作示例 – http://jsfiddle.net/NDpCa/3/