【问题标题】:How do I retrieve the different column's text of same row of html table?如何检索同一行 html 表的不同列的文本?
【发布时间】:2012-10-12 03:53:46
【问题描述】:

我有一个表格,其中有一列带有超链接。现在多一列具有一些价值。我的疑问是: 如何检测点击了哪一行的超链接,并据此检索该行另一列的值?

例如结构如下:

<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 页面中进一步使用。

【问题讨论】:

    标签: html hyperlink html-table


    【解决方案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>
    

    【讨论】:

    • 这在我的情况下不起作用......超链接只不过是指向另一个 html 页面的链接......当转到该 html 页面时,我需要将关联列的值存储在本地存储中......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-11-26
    • 1970-01-01
    • 2017-11-13
    • 1970-01-01
    • 1970-01-01
    • 2020-02-13
    • 1970-01-01
    相关资源
    最近更新 更多