Как добавить несколько ячеек таблицы с помощью jQuery

Question

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

Я хочу добавить более одного <td> к моему текущему <tr>, каждый из этих <td> имеет свой формат, поэтому я не могу просто использовать цикл for для создания группы <td>.( ) в этом случае очень сложно, кто-нибудь понял, как это может работать?

По каждый из этих <td> имеет разный формат , я имею в виду, что мне нужно добавить $ к некоторым ячейкам, представляющим деньги и т. Д.

Answer 1

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

EDIT: исправлено добавление тдс, а не данных в тдс

Answer 2

  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'))     
  ); 

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 тд к вашей последней добавленной tr.

Answer 4

Сначала создайте разметку и, наконец, добавьте все для лучшей производительности:

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

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