如何使用jquery将超链接列添加到表中

How to add a hyperlink column to a table using jquery?

本文关键字：添加 超链接 何使用 jquery      更新时间：2023-09-26

我正在使用下面的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>");          
        });
    });
}

非常简单。同样，使用<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>");          
        });
    });
}

此外，看起来url只是www.yahoo.com，没有http://协议。请确保在之前添加。由于您还没有提供完整的data，我无法创建片段或小提琴。

相关文章：