使用類選擇器在jQuery中最接近

Question

我正在使用jQuery 1.12.4設置使用類選擇器獲取最近的前一個元素的值。 我無法選擇最接近的元素。

 $(function() { $("[class='quickSelect']").blur(function() { var obj = $(this); alert($(this).parent()); // alert($(this).closest("[class~='endDateField']")); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td align="right"> Start Date </td> <td> <input type="text" name="debitStartDate" value="" class="dateField startDateField"> </td> <td align="right"> End Date </td> <td> <input type="text" name="debitEndDate" value="" class="dateField endDateField"> </td> <td class="debitApportioner" style="align:right"> Quick Select </td> <td class="debitApportioner" colspan="2"> <select class="quickSelect"> <option> SELECT </option> <option> JANUARY </option> <option> FEBRUARY </option> <option> MARCH </option> </select> <input class="quickSelect" type="text" /> </td> </tr> </table> 

Answer 1

嘗試這個：

$(".quickSelect").blur(function() {
    var obj = $(this);
    obj.closest('tr').find('.endDateField');  // will find the endDateField in the current row
  });

closest()僅遍歷樹的祖先，並在與選擇器匹配的第一個元素處停止，因此上面的代碼說找到與輸入最接近的祖先tr ，然后在該tr內找到任何endDateField