Question

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

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

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

请告诉我该怎么做。

Answer 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);
});

在表格中显示动态链接

1 个答案: