时间戳

首页 > 解决方案 > 如何将动态 url 链接到 jquery 中的标签？

javascript - 如何将动态 url 链接到 jquery 中的标签？

问题描述

我在数据表行中有一个子行，我正在尝试向该云行的标题添加一个动态链接，通过动态链接我的意思是 URL 将取决于单元格的值

例如：假设 URL 是http://example.com/delete.php并且值d[0]是123456789然后我想将它附加到 URL 使完整的 URL 类似于这样http://example.com/delete.php?account=123456789并将其链接到文本Delete Account

function format(d){
 
     // `d` is the original data object for the row
     return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' +
         '<tr>' +
             '<td>Active Indicators:</td>' +
             '<td>' + d[5] + '</td>' +
         '</tr>'+
         '<tr>' +
             '<td>Delete Account</td>' +
             '<td>' + d[0] + '</td>' +
         '</tr>'
     '</table>';  
}

有可能做这样的事情吗？如果是这样，怎么办？

标签： javascripthtmljquery

解决方案

考虑以下。

function makeTable(tableData, target) {
  var table = $("<table>", {
    cellspacing: 0,
    border: 0,
    id: "myData"
  }).css("padding-left", "50px");
  var row;
  $.each(tableData, function(k, v) {
    row = $("<tr>", {
      "data-id": v.accountId
    }).appendTo(table);
    $("<td>").html("Active Indicators:").appendTo(row);
    $("<td>").html(v.indicators).appendTo(row);
    $("<td>", {
      class: "remove"
    }).html("Delete").appendTo(row);
  });
  if (target != undefined) {
    table.appendTo(target);
  }
  return table;
}

makeTable(d, $("#results"));

$(".remove").on("click", function(event) {
  var row = $(this).closest("tr");
  $.get("http://example.com/delete.php", {
    account: row.data("id")
  }, function(result) {
    alert("Account " + row.data("id") + " Deleted");
    row.remove();
  });
});

您可能需要调整表数据。您没有提供数据示例，所以我不确定它的格式。

[{
  accountId: 1001,
  accountName: "First American Trust",
  indicators: "End"
}];

推荐阅读