2

Есть некая таблица:

<tbody>
<tr>
    <td class="number">1</td>
    <td class="code">С224628</td>
    <td><input type="text" placeholder="" class="uk-form-width-mini count"></td>
</tr>
<tr>
    <td class="number">2</td>
    <td class="code">С231903</td>
    <td><input type="text" placeholder="" class="uk-form-width-mini count"></td>
</tr>

Сделал обработчик:

 $('.count').keyup(function() {
   //....
 });

Каким образом можно получить значения всех элементов <td> строчки, где сработало событие keyup? Т.е. был ввод в инпут второй строчки, нужны все значения этой (второй) строчки таблицы.

1
  • значения с number и code? 27 июл 2017 в 9:54

1 ответ 1

3

Например вот. Получаем значения ячеек, которые находятся в одном tr с нпутом, который изменяется.

$('.table').on('input', '.count', function(e) {
   var tr = $(this).closest('tr'),
       number = $(tr).find('.number').text(),
       code = $(tr).find('.code').text();
   console.log(number + ' | ' + code);
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<table class="table">
  <tr>
    <td class="number">1</td>
    <td class="code">С224628</td>
    <td><input type="text" placeholder="" class="uk-form-width-mini count"></td>
</tr>
<tr>
    <td class="number">2</td>
    <td class="code">С231903</td>
    <td><input type="text" placeholder="" class="uk-form-width-mini count"></td>
</tr>
</table>

2
  • 1
    вместо parents лучше closest
    – Grundy
    27 июл 2017 в 10:25
  • это да, parents всех родителей подходящих вернёт а closest только одного ближайшего. Если я правильно понимаю. 27 июл 2017 в 10:28

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.