在.closest（「TR」）

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'號碼輸入字段，我檢索父使用var hotelRoom = $(this).closest('tr');

，而我在那裏我通過了'tr'上述功能的容器td的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); 
    }); 
});