html - 如何检索同一行 html 表的不同列的文本？

Question

我有一个表，其中有一列带有超链接。现在多一列具有一些价值。我的疑问是：如何检测单击了哪一行的超链接，以及如何检索该行另一列的值？

例如结构将是这样的：

<table>
<tr>
<td>some_value</td>
<td>hyperlink</td>
</tr>

<tr>
<td>some_value</td>
<td>hyperlink</td>
</tr>

<tr>
<td>some_value</td>
<td>hyperlink</td>
</tr>
</table>

因此，现在如果用户单击超链接，我只需要检索该行的“some_value”。

此超链接是指向另一个 html 页面的链接。当我单击该链接时，我需要将其他列的文本存储在本地存储中，以便在下一个 html 页面中进一步使用。

Answer 1

参数中带有变量的标准链接有什么问题？

<tr>
<td>some value</td>
<td><a href="/page.php?id=some+value">hyperlink</a></td>
</tr>

这可以使用 javascript 和/或 jQuery 以自动化方式完成——但我没有看到您要求这样做。这是一个使用 jQuery 的示例。

<tr>
<td class="val">some value</td>
<td class="link">hyperlink</td>
</tr>

<script type="text/javascript">
    $('.link').click(function(){
       var val = $(this).prev('.val').text();
       var url = 'page.php?value=' + val;
       alert(url);
    });
</script>