Question

jq('#table1') 
  .append(jq('<tr>') 
    .append(jq('<td>') 
      .append('data1' 
      ) 
    ) 
  );

我想将多个<td>附加到我当前的<tr>，其中每个<td>都有不同的格式，所以我不能只使用for循环创建一堆{ {1}}。在这种情况下<td>是非常棘手的，任何人都知道这可能如何工作？

这些( )中的每一个都有不同的格式 ，我的意思是我需要在代表金钱等的一些单元格中添加$ < / p>

Answer 1

jq('#table1').append(
    jq('<tr>')
        .append(jq('<td>').append('data1')) 
        .append(jq('<td>').append('data2')) 
        .append(jq('<td>').append('data3')) 
);

编辑：已更正附加tds，而不是tds中的数据

Answer 2

首先创建标记并最后附加所有内容以获得最佳性能：

var tds = [
    '<td>...</td>',
    '<td>...</td>',
    '<td>...</td>'
];

$('#table').append('<tr>' + tds.join('') + '</tr>');

Answer 3

jq("#table1").append("<tr></tr>");

然后;

jq("#table1 tr:last").append("<td></td>");
jq("#table1 tr:last").append("<td></td>");
jq("#table1 tr:last").append("<td></td>");
jq("#table1 tr:last").append("<td></td>");

会将4 td附加到您上次添加的tr。

Answer 4

  jq('#table1') 
  .append(jq('<tr>') 
    .append(jq('<td>').append('data1')) 
    .append(jq('<td>').append('data1')) 
    .append(jq('<td>').append('data2')) 
    .append(jq('<td>').append('data3'))     
  );

如何使用jQuery追加多个表格单元格

4 个答案: