Выбрать другой тип входов внутри клеток в .closest («тр»)

Question

У меня есть table с переменным количеством строк, например так:

<tr class"hotel-room">  
    <td class="cell1"> 
     <input type="hidden" class="hotel-id" name="input_01[label][row][progressive][id]" value="5893" /> 
     <input type="hidden" class="num-nights" name="input_01[label][row][progressive][nights]" value="2" /> 
     <select class="room-selection" name="input_01[label][row][progressive][]"> 
      <option value="etc"...>...options...</option> 
     </select> 
    </td> 
    <td class="cell2"> 
     <input type="number" class="room-qty-input" name="input_01[label][row][progressive][]" /> 
    </td> 
    <td class="cell3"> 
     <input type="text" class="room-price" name="input_01[label][row][progressive][]" /> 
    </td> 
    <td class="buttons"> 
     stuff not relevant (two imgs, some text, more markup...) 
    </td> 
</tr> 

В то время как я внутри поля ввода 'room-qty-input' номер, я получить родительский tr контейнера td с использованием var hotelRoom = $(this).closest('tr');

пока я функция, где я прошел 'tr' выше, мне нужно, чтобы получить следующее:

• значение второго скрытого поля в первой камере с class="num-nights"
• значение поля ввода чисел с class="num-qty-input"

Они должны быть целыми числами, но они возвращаются, как NaN. Я пытался определить их значение с помощью:

• var numbRooms = $(hotelRoom).find('input[type="number"]');

или

• var numbNights = $(hotelRoom).find('.num-nights').val();

Но они, похоже, не возвращает правильное значение. Это в немного беспорядочной функции, возможно, я делаю что-то еще неправильно. Хотелось бы узнать, есть ли у вас лучшие методы для получения данных, которые я ищу.

Answer 1

Подключив то, что вы сказали, вы сделали в jsbin, я не вижу ничего плохого.

$(document).ready(function() { 
    $("input.room-qty-input") 
     .on('focus', function() { 
      var hotelRoom = $(this).closest('tr'); 
      var numbNights = hotelRoom.find('.num-nights').val(); 
      if (isNaN(numbNights)) console.log('NaN'); else console.log('is number'); 
      console.log(this, hotelRoom, numbNights); 
    }); 
});