Как добавить несколько ячеек таблицы с помощью jQuery - PullRequest
2 голосов
/ 16 марта 2012
jq('#table1') 
  .append(jq('<tr>') 
    .append(jq('<td>') 
      .append('data1' 
      ) 
    ) 
  ); 

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

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

Ответы [ 4 ]

3 голосов
/ 16 марта 2012
jq('#table1').append(
    jq('<tr>')
        .append(jq('<td>').append('data1')) 
        .append(jq('<td>').append('data2')) 
        .append(jq('<td>').append('data3')) 
);

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

1 голос
/ 16 марта 2012
  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'))     
  ); 
1 голос
/ 16 марта 2012
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.

1 голос
/ 16 марта 2012

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

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

$('#table').append('<tr>' + tds.join('') + '</tr>');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...