0

Иногда требуется добавить к элементу сложную конструкцию или сгенерированную таблицу.

Писать так не всегда удобно:

$('#div_table').append('<table>');
$('#div_table').append('<tr>');
$('#div_table').append('<td>');
$('#div_table').append('12');
$('#div_table').append('</td>');
$('#div_table').append('<td>');
$('#div_table').append('13');
$('#div_table').append('</td>');
$('#div_table').append('</tr>');
$('#div_table').append('</table>');

Если писать внутри одного append в строку, то становится нечитабельно. Записать в таком виде JS вроде не позволяет:

$('#div_table').append('<table>
                           <tr>
                               <td>12</td>
                               <td>13</td>
                           </tr>
                         </table>');

Подскажите кто как с этим делом справляется? Пишу в SublimeText2.

2 ответа 2

1
$('#div_table').append('<table>'+
'<tr>'+
'<td>12</td>'+
'<td>13</td>'+
'</tr>'+
'</table>');

$('#div_table').append('<table>\
                           <tr>\
                               <td>12</td>\
                               <td>13</td>\
                           </tr>\
                         </table>');

А вот так:

$('#div_table').append('<table>');
$('#div_table').append('<tr>');
$('#div_table').append('<td>');
$('#div_table').append('12');
$('#div_table').append('</td>');
$('#div_table').append('<td>');
$('#div_table').append('13');
$('#div_table').append('</td>');
$('#div_table').append('</tr>');
$('#div_table').append('</table>');

Никогда так не пишите :-) Представьте, что вам нужно через портал груз переправить. Что лучше: один раз открыть и переправить сразу весь груз, или открывать по 25 раз и провозить груз по частям? А открытие-то портала кушает немало энергии :-)

2
  • Спасибо, буду учить синтаксис) 20 ноя 2012 в 16:26
  • 1
    @Лисёнок поставьте палцу вверх! Хочу кое с кем поквитаться.
    – lampa
    20 ноя 2012 в 16:27
0

Предложу свой вариант, так как делаю обычно я. http://jsfiddle.net/GSKn8/ Возможно, по производительности такой вариант уступает чистому HTML. Но используя такой подход можно легко навешивать события на созданные элементы и в более красивом виде задавать HTML аттрибуты. Плюс такой код легче поддерживать

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.