javascript - 向表条目添加超链接

Question

我有一个 html 表格，我想对一列中的条目进行超链接。

此处的 fiddle 示例:http://jsfiddle.net/hohenheim/uF4H7/5/ - 请注意，一旦您单击图表中的任何条形，就会有一个 onclick 事件来显示表格。

在表格上，我希望能够通过单击任何 adId 来链接。即，一旦点击 adId，它应该转到“www.url.com/adId#”。这可以在 html/js 中完成吗？我尝试过创建链接并附加它，但没有取得太大成功。我是否需要重构向表中添加条目的方式？或者是否可以在 table 上创建点击事件？

以下是如何生成表格的代码:

function appendAds(date1) {
    nonUTCdate = new Date(date1);
    UTCdate = new Date(nonUTCdate.getUTCFullYear(), nonUTCdate.getUTCMonth(), nonUTCdate.getUTCDate());
    $('#tableTitle').html("<u>Info for " + timeConverter(UTCdate) + ":</u>");
    $("#table").find("tr:gt(0)").remove();
    $("#table tr").show();
    for (var i = 0; i < preGroupData.length; i++) {
        if ((date1 >= preGroupData[i].startDate) && (date1 <= preGroupData[i].endDate)) {;
        $('#table').append('<tr><td align="center">' + timeConverter(preGroupData[i].startDate) + '</td><td align="center">' + timeConverter(preGroupData[i].endDate) + '</td><td align="center">' + preGroupData[i].adId + '</td><td align="center">' + preGroupData[i].impressions + '</td></tr>');
       }
   }
}

Answer 1

如果我理解正确的话，您只需将 anchor 文本添加到您要插入的 html 字符串中，即可将带有 preGroupData[i].adId 的列转换为指向“www.url.com/#adId”的链接到 html 中。

替换

<td align="center">' + preGroupData[i].adId + '</td>

在你的字符串中:

<td align="center><a href='www.url.com/#" + preGroupData[i].adId +"'>" 
              + preGroupData[i].adId + "</a></td>"