Как узнать остальные элементы строки таблицы HTML при её редактировании

Есть код редактирования html таблицы:

var editable = {
    // (B) PROPERTIES
    selected : null, // current selected cell
    value : "", // current selected cell value

    // (C) "CONVERT" TO EDITABLE CELL
    edit : cell => {
        // (C1) REMOVE "DOUBLE CLICK TO EDIT"
        cell.ondblclick = "";

        // (C2) EDITABLE CONTENT
        cell.contentEditable = true;
        cell.focus();

        // (C3) "MARK" CURRENT SELECTED CELL
        cell.classList.add("edit");
        editable.selected = cell;
        editable.value = cell.innerHTML;

        // (C4) PRESS ENTER/ESC OR CLICK OUTSIDE TO END EDIT
        window.addEventListener("click", editable.close);
        cell.onkeydown = evt => {
            if (evt.key=="Enter" || evt.key=="Escape") {
                editable.close(evt.key=="Enter" ? true : false);
                return false;
            }
        };
    },
    // (D) END "EDIT MODE"
    close : evt => { if (evt.target != editable.selected) {
        // (D1) CANCEL - RESTORE PREVIOUS VALUE
        if (evt === false) {
            editable.selected.innerHTML = editable.value;
        }

        // (D2) REMOVE "EDITABLE"
        window.getSelection().removeAllRanges();
        editable.selected.contentEditable = false;

        // (D3) RESTORE CLICK LISTENERS
        window.removeEventListener("click", editable.close);
        let cell = editable.selected;
        cell.ondblclick = () => editable.edit(cell);

        // (D4) "UNMARK" CURRENT SELECTED CELL
        editable.selected.classList.remove("edit");
        editable.selected = null;
        editable.value = "";

        // (D5) DO WHATEVER YOU NEED
        if (evt !== false) {
        console.log(cell.innerHTML);
        //
        }
    }}
};

Сама строка в таблице выглядит так: table

Как можно узнать какой номер элемента строки я сейчас редактировал и первый элемент строки?


Ответы (0 шт):