HTML как перемещаться по столбцам

Question

У меня есть следующий код:

    $(document).ready(function() {
        var id = 'cbx';
        var idPrefix = 'Arrow';
        var html = '<img .../>';

            // query parent row
            var rowq = $('#' + id);
            if (rowq.length < 1) {
                rowq = $('.' + id);
                VersionHeader = true;
            }
            if (rowq[0]) {

                rowq.addClass('ArrowHeader');
                // set to 0 for header
                var index = 0;

                var row = rowq.parents('.g')[0].insertRow(index);
                // assign id for new row
                row.id = idPrefix + id;
                // assign classes for style and tree
                row.className = 'srcrow' + id;
                // insert new cell
                var cell = row.insertCell(0);
                // assign html result
                cell.innerHTML = html;
                // set colspan
                cell.colSpan = 1;

Теперь моя проблема в том, что он добавляет ячейку, но добавляет ее под первым столбцом. Есть ли способ перемещаться по колонкам? Конечно, я совсем не специалист по HTML. Просто новичок, пытающийся заставить некоторые вещи работать, и был бы благодарен за некоторую помощь, так как я полностью потерян Я не включил HTML только ... через него.

Спасибо

Answer 1

Я не уверен, что правильно понимаю ваш вопрос (я так понимаю, вы пытаетесь вставить ячейку в новую строку и хотите выбрать, в какой столбец она вставляется?) Предполагая, что вы имели в виду:

row.insertCell(0)

Это твоя проблема. Метод insertCell принимает в качестве аргумента индекс столбца, в который должна быть вставлена ​​ячейка. Индекс 0 - это первый столбец, индекс 1 - второй столбец и т. Д. Поэтому попробуйте заменить 0 на соответствующий индекс.