Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > jQuery и Table

Автор: Elfix 22.12.2009, 08:28

Не получается добавить столбец справа. Подскажите пожалуйста, как можно реализовать такое?

Код


<html>
    <head>
    </head>
    <body>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript">

            jQuery(document).ready(function() {

                var rows = jQuery("table#grid tr");
                for (i = 0; i < rows.length; i++) {
                    jQuery("<td>Привет</td>").appendTo(jQuery(rows[i]).children("td:last"));
                };
            });


        </script>

        <table border="1" id="grid">
            <tr><td>Номер</td><td>Дата</td><td>Подразделение 1</td></tr>
            <tr><td>1</td><td>01.01.2009</td><td>64500</td></tr>
            <tr><td>2</td><td>01.02.2009</td><td>64984</td></tr>
        </table>
    </body>
</html>

В моем коде столбец создается прямо в последнем столбце. Как можно устранить трабл?

Автор: CruorVult 22.12.2009, 17:05

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

Код


            jQuery(document).ready(function() {                
             $('#grid tr:first').append("<td>Текст</td>");
             
                $('#grid tr:not(:first)').each(function(){                    
                $(this).append("<td>Привет</td>");
                });
            });

Автор: Elfix 22.12.2009, 18:39

Круто! Спасибо огромное - кратко, грамотно и ясно.