Как сделать проверку в таблице?

Question

[Alex]

Php отдаёт нам список сотрудников из базы, таблица "Сотрудники", попутно проверяя в таблице "Штат" - числятся ли они ещё в штате. На экран выводится табличка вида: 1 столбец - работник, 2 столбец кнопка проверки, 3 столбец - результат проверки.



Столбец 1 это ячейки

<td>
    <input type="text" value="Имя"/>
</td>

с вписанными именами, т.е. имя вписано в инпут. Если Вася не числится в штате, мы его исправляем на Гену прямо в таблице. Далее по нажатию на кнопку напротив имени в столбце 2, аяксом отправляется запрос на сервер, который проверит в таблице "Штат", есть ли в штате Гена. Результат проверки должен положиться в столбец 3, в одной строке с именем. Как отправить аяксом, вернуть данные и вписать результат в таблицу я понимаю.

Я плохо представляю как мне джаваскриптом найти именно то поле, которое будет проверяться (разбирать DOM дерево в поисках нужного тега input и его содержимого к примеру) - в таблице выводится тысяча имён и как найти поле в третьем столбце, куда я буду вписывать результат. Jquery знаю на уровне теории. Благодарно выслушаю предложения о том, как решить задачу или сделать по-другому - лучше или проще.

Answer 1

[ultrbi4]

Может посмотреть в сторону this и относительно нажатой кнопки искать следующий столбец

$('button').click(function () {
       ...// делаем все дела с AJAX
       var status = "Есть" // засовываем результат работы AJAX в переменную
       $(this).parent().next('td').text(status); // относительно нажатой кнопки ищем следующий столбец и вносим туда переменную
});

Не претендую на идеал конечно ;)

Comments

[Илья Лесных]

Я не совсем понял из вопроса, нужно первую ячейку столбца найти или третью, кликая по второй. Если третью - то как написали выше. Если же первую, то не next, а prev:
$(this).parent().prev('td').find('input').val()

[Alex]

Проверить нужно данные которые вписаны в первую ячейку, а результат проверки вписать в третью.

[Илья Лесных]

@b1nary это-то понятно. Так или иначе вам написали и то, и другое. Если что-то осталось непонятным - спрашивайте, если все решилось - пометьте решение.

[ultrbi4]

@b1nary Значит по той же логике получаем значение из предыдущей prev('td').find('input').val() ячейки, делаем AJAX запрос, получаем ответ и вписываем его в след ячейку.

Answer 2

[Иван Беленков]

Какой-то странный интерфейс, если честно. Но если так надо, то я бы сделал так:

$('table').on('click', 'button',function() {  // делегирование, если поля будут меняться динамически
    var $par_tr = $(this).closest('tr'),      // находим родительскую строку таблицы, кешируем в переменной
        value = $par_tr.find('input').eq(0).val(),   // метод .find() возвращает массив!
        status;
        /*
          здесь работает ваш AJAX
        */
        if (ajaxResult) {    // булево значение, возращаемое AJAX`ом
            status = 'Есть!'
        } else {
            status = 'Нет!'   // Нету слова "Нету" xD
        }

        $par_tr.find('td').last().html(status);    //предпочитаю использовать метод .html(), в строку можно записывать теги, инлайновые стили и прочее.
});