Выберите конкретную ячейку таблицы в JavaScript

Question

Выберите конкретную ячейку таблицы в JavaScript

0

У меня такой HTML-код:

<table id="laboral">
    <tr>
        <td><input type="text" name="start"/></td>
        <td><input type="text" name="end"/></td>
        <td><textarea name="desc"></textarea></td>
        <td><button type="button" onclick="saveValues(this);createRow('laboral')"> + </button></td>
    </tr>
</table>

Я хочу сохранить значения в трех ячейках (2 входа и 1 текстовая область).

Кнопка создает еще одну строку, аналогичную первой, с теми же входами и именами. Проблема в том, что я не знаю, как получить доступ к этой строке, то есть к строке, которой принадлежит кнопка.

Я пробовал с this.parentNode.parentNode, но не работал.

Lloople 09 нояб. 2013, в 18:05

Источник

0

Вам нужно будет передать this в createRow . Тогда это должно быть [[yourParameterName]].parentNode.parentNode вместо this.parentNode.parentNode . Или измените вызов createRow.call(this, "laboral") чтобы вы могли использовать this.parentNode.parentNode
Blue Skies 09 нояб. 2013, в 16:27

Теги:

javascript

html

html5

2 ответа

1

Вы передаете ссылку на кнопку в saveValues, поэтому в saveValues первый аргумент будет ссылаться на кнопку. Позвольте называть этот аргумент btn. btn.parentNode будет td содержащим кнопку, а 'btn.parentNode.parentNode будет tr содержащий это td. Так:

function saveValues(btn) {
    var tr = btn.parentNode.parentNode;
    // Work with 'childNodes' and the 'childNodes' of those children to get the values
}

T.J. Crowder 09 нояб. 2013, в 14:15

0

Спасибо чувак! это как раз то что мне нужно! :)
Lloople 09 нояб. 2013, в 18:19
0

Я пытаюсь это и не работает: var tr = button.parentNode.parentNode; оповещение (tr.childNodes [0] .childNodes [0] .value);
Lloople 09 нояб. 2013, в 19:31
0

Я не знаю почему, но мне нужно использовать tr.childNodes [1], чтобы получить доступ к первому TD из tr
Lloople 09 нояб. 2013, в 19:34

Показать ещё 1 комментарий

Ещё вопросы

Вам нужно будет передать this в createRow . Тогда это должно быть [[yourParameterName]].parentNode.parentNode вместо this.parentNode.parentNode . Или измените вызов createRow.call(this, "laboral") чтобы вы могли использовать this.parentNode.parentNode
Спасибо чувак! это как раз то что мне нужно! :)
Я пытаюсь это и не работает: var tr = button.parentNode.parentNode; оповещение (tr.childNodes [0] .childNodes [0] .value);
Я не знаю почему, но мне нужно использовать tr.childNodes [1], чтобы получить доступ к первому TD из tr

akinuri · Accepted Answer · 2013-11-09T15-18-00.000Z

Попробуй это

<table id="laboral">
    <tr>
        <td><input type="text" name="start"/></td>
        <td><input type="text" name="end"/></td>
        <td><textarea name="desc"></textarea></td>
        <td><button type="button" onclick="saveValues(this)"> + </button></td>
    </tr>
</table>

var inputVals = [];

function saveValues(elm) {
    //         button   td         tr        tbody     table
    var table = elm.parentNode.parentNode.parentNode.parentNode;

    //  iterating through the first row cells
    for (var i = 0; i<table.rows[0].cells.length-1; i++) {
        //  the current cell
        var cell = table.rows[0].cells[i];
        //  pushing the input elm value into the array
        inputVals.push(cell.childNodes[0].value);
        //  retrieving the pushed value
        alert(inputVals[i]);
    }
}

Пример скрипта

Вы можете изменить код.