быстрый код jquery для создания 3-х колоночной HTML-таблицы - PullRequest
0 голосов
/ 10 мая 2011

У меня есть много страниц, где я получаю формы ввода данных, такие как одна строка HTML на поле.Например:

<tr>
  <td>Label 1</td>
  <td>Field 1, could be text, select list or even fckeditor  </td>
</tr>
<tr>
  <td>Label 2</td>
  <td>Field 2, could be text, select list or even fckeditor  </td>
</tr>
... and so on

Я хочу написать быстрый jquery для каждого цикла, который проходит по всем строкам таблицы и преобразовать его в 6-колоночный дисплей, чтобы моя веб-страница выглядела аккуратно и эффективно использовала пространство.И есть специальные поля, помеченные классом, скажем, <td class='special">Special field</td>, которые должны быть исключены из этой операции и должны оставаться однострочными (вместо 3 в строке).

Я написал код и онработает, но выдает сообщение «медленный javascript», когда у меня огромные списки, появляющиеся в полях во многих строках.Может ли кто-нибудь поделиться фрагментом кода, чтобы добиться этого быстрее, не делая слишком много вставок / удалений в DOM?

1 Ответ

0 голосов
/ 10 мая 2011

Если вам абсолютно необходимо сделать это фронтэндом, хотя я согласен с другим комментатором, что вы должны сделать это на бэкэнде ... вот один из способов сделать это:

http://jsfiddle.net/JHQEy/3/

...