时间戳

首页 > 解决方案 > 修改函数以使名称也链接

javascript - 修改函数以使名称也链接

问题描述

我有一个函数可以创建一个表，该表由几个元素组成，所有这些元素都取自保存的文件。表内有其他信息（url）表内的姓氏和中间名（如果存在）放在一个标题“全名”下。如何修改此函数，使其不仅显示名称，而且使名称也是 url 链接？

var members = data.results[0].members;
createTable(members)

function createTable(members) {
    var table = "";
    var cols = 1;
    var rows = members.length;

    for (var r = 0; r < rows; r++) {
        table += "<tr>";
        for (var c = 0; c < cols; c++) {
            table +=
                "<td>" + members[r].first_name +", "+
                (members[r].middle_name || " ") +" "+
                members[r].last_name + "</td>";

            table += "<td>" + members[r].party + "</td>" + "<td>" + members[r].state + "</td>" + "<td>" + members[r].seniority + "</td>";
            if (members[r].votes_with_party_pct === undefined) {
                table += "<td>" + "-" + "</td>"
            } else {   
                table += "<td>" + members[r].votes_with_party_pct + "%" + "</td>"
            }
        }
        table += "<tr>";

    }
            document.getElementById("house-data").innerHTML = JSON.stringify(table);
}

标签： javascript

解决方案

function createTable(members) {
    var table = "";
    var cols = 1;
    var rows = members.length;

    for (var r = 0; r < rows; r++) {
        table += "<tr>";
        for (var c = 0; c < cols; c++) {
            table +=
                "<td><a href=\"YOUR_LINK_HERE\">" + members[r].first_name +", "+
                (members[r].middle_name || " ") +" "+
                members[r].last_name + "</a></td>";
...

将 YOUR_LINK_HERE 替换为您想要的 URL。

如果要使用变量，请使用：

            table +=
                "<td><a href=\""+url+"\">" + members[r].first_name +", "+
                (members[r].middle_name || " ") +" "+
                members[r].last_name + "</a></td>";

推荐阅读