在表格内显示动态链接

【问题标题】：Showing dynamic links inside a table在表格内显示动态链接
【发布时间】：2011-04-23 17:14:16
【问题描述】：

在 jquery 中，如何在表格中显示动态生成的链接？

我会将链接存储在我的数据库中，但我希望它以名称显示，然后相应地将我带到正确的链接。

我有一个字符串数组，如 [ {Name1:Link1} ] 存储，我希望它在表中显示为 Name1 链接到 Link1。

请告诉我该怎么做。

【问题讨论】：

您需要提供更多信息、代码示例。很难弄清楚你在说什么。你用的是什么栈。数组存储在哪里......等等

标签： javascript jquery

【解决方案1】：

您需要将它们存储在（对象）映射而不是数组中。

var linksMap = {
    'google': 'http://google.com',
    'stackoverflow': 'http://stackoverflow.com',
    'jquery': 'http://jquery.com'
};

那么，假设你有下表，

<table id="links">
    <tr><td>google</td></tr>
    <tr><td>stackoverflow</td></tr>
    <tr><td>jquery</td></tr>
</table>

您可以使用以下 jQuery 脚本来创建链接并将它们放入单元格中：

$('#links>tbody td:nth-child(1)').each(function() {
    var $td = $(this);
    var name = $td.text();
    var link = linksMap[name];
    var $a = $('<a>').attr('href', link).text(name);
    $td.html($a);
});

【讨论】：