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/

表：每个单元格链接到包含列和行数据的url

1 个答案: