如何使用jQuery向表中添加超鏈接列？

Question

我正在使用下面的jQuery構建一個HTML表（具有4列）。 我已經添加了3列。

如何在下面的函數中向表中添加第四列。 列是超鏈接，其中包含表的前3列中的值？

第四欄的預期格式：

 <table style="width:100%"> <tr> <td>COLUMN1</td> <td>COLUMN2</td> <td>COLUMN3</td> <td>COLUMN4</td> </tr> <tr> <td>A1</td> <td>B1</td> <td>C1</td> <td>www.yahoo.com?q1=A1&q2=B1&q3=C1</td> </tr> <tr> <td>A2</td> <td>B2</td> <td>C2</td> <td>www.yahoo.com?q1=A2&q2=B2&q3=C2</td> </tr> <tr> <td>A3</td> <td>B3</td> <td>C3</td> <td>www.yahoo.com?q1=A3&q2=B3&q3=C3</td> </tr> </table> 

這是我的職能嗎？

function testFunction(data, status, jqXHR) {
    var testObj = data;
    var tempurl= "www.yahoo.ccom";
    var table = $("#IdTab");
    $.each(testObj.childData, function (i, n) {
        var rootmyVal = n.myVal1;
        $.each(n, function (e, r) {
            table.append("<tr><td>" + rootmyVal + "</td><td>" + r.myVal1 + "</td><td>" + r.myVal2 + "</td></tr>");          
        });
    });
}

Answer 1

很簡單。 以相同的方式，使用<a>標記：

function testFunction(data, status, jqXHR) {
    var testObj = data;
    var tempurl= "www.yahoo.ccom";
    var table = $("#IdTab");
    $.each(testObj.childData, function (i, n) {
        var rootmyVal = n.myVal1;
        $.each(n, function (e, r) {
            table.append("<tr><td>" + rootmyVal + "</td><td>" + r.myVal1 + "</td><td>" + r.myVal2 + "</td><td><a href='http://" + tempurl + "'>" + tempurl + "</a></td></tr>");          
        });
    });
}

另外，該網址似乎只是www.yahoo.com ，沒有http://協議。 請確保您之前添加。 由於您尚未提供完整的data ，因此我無法創建摘要或小提琴。