Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавление строк в таблицу (https://javascript.ru/forum/misc/13357-dobavlenie-strok-v-tablicu.html)

MCTrane 28.11.2010 14:55

Я это знаю, никак нельзя обойтись без DOM?
Через JQuery никто не знает как сделать?

exec 28.11.2010 16:10

В jQuery такого вообще нет.

Я не понимаю, чем вам так противны методы для работы с таблицей?

MCTrane 28.11.2010 16:23

В Jquery можно так сделать, я нашёл скрипт, но не знаю как вызвать функцию jquery(
Видимо придёться через DOM делать, у меня просто 7 столбиков надо добавить строку, хочу чтобы скрипт выполнял как можно меньше функций.
Спасибо ещё раз.

monolithed 28.11.2010 18:03

Как вариант:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
td {border: 1px solid;}
</style>
<script type="text/javascript">
$(function(){
    var array = [1,2,3], i = array.length;
    $('body').each(function(){
        $(this).append('<a href="#">click</a>').one('click', function(){  //Создадим ссылку
            $(this).append('<table><tr/></table>'); //Создадим каркас
            while(i--){
                //Добвим строки, количество которых равно длине массива
                $('table tbody > tr').append('<td>'+array[i]+'</td>'); 
            }
            $('table tbody > tr').append('<td>4</td>'); //Добавим еще одну строку
            $('table tr > td:eq(1)').after('<td>5</td>'); //Добавим еще одну строку (третьей по счету будет)
            $('table').clone(true).insertAfter('table'); //Склонируем первую таблицу и вставим после второй
           });
      });  
});
</script>

MCTrane 28.11.2010 18:18

Спасибо, попробую)


Часовой пояс GMT +3, время: 22:17.