Используйте jQuery в сетке, чтобы сделать событие нажатия на кнопку в каждой строке, чтобы получить значение из текстового поля рядом с ним

Question

У меня есть сетка.В каждой ячейке столбца в сетке есть текстовое поле.Рядом с каждым текстовым полем есть кнопка.К кнопке прикреплен обработчик события щелчка (jQuery .click ()). Я хочу, чтобы, когда пользователь нажимает кнопку, я хотел получить значение текстового поля, расположенного рядом с ним.Есть несколько строк в сетке.Каждая строка, как текстовое поле и кнопка.

Я знаю, как использовать jQuery для извлечения отдельного лица или группы элементов (с помощью селекторов).Я также знаю, как прикрепить обработчик события щелчка ко всем кнопкам.

Но каковы хорошие способы ссылки на текстовое поле рядом с кнопкой, кроме «обхода DOM» (т. Е. Использования .parent() или .next ()) 0

Answer 1

Простой способ сделать это - получить TR и найти вход оттуда:

$(this).closest('tr').find('input');

Answer 2

Вы хотите .siblings ('input') - здесь будут найдены те элементы ввода "рядом с кнопкой", по которым вы щелкнули.