得到最接近的選擇元素的按鈕點擊id .. jquery

Question

<td class="col-sm-2"> 
      <select class="form-control newclass addvalue input_color" id="sugar_id"> 
      <option value="">Select Value</option> 
      <option value="ABSENT">ABSENT</option> 
      <option value="PRESENT">PRESENT</option> 
      </select> 
     <div id="sssugar_id"> 
     <input id="myInput1" class="form-control" required="" placeholder="Fill Value Or Select Dropdown" style="margin-top: 5px;border-color: green;border-width: medium;" type="text"> 
     <button type="button" id="mybtn1" class="btn btn-success button_class" style="margin-top: 5px;" onclick="addtest(1)">ADD</button> 
     </div> 
    </td> 

我附加動態輸入和按鈕，我怎樣才能得到最接近的按鈕點擊選擇元素的ID？

Answer 1

$('.button_class').click(function() { 
    alert($(this).parent().prev().attr('id')); 
}); 

Answer 2

如果您確定它們彼此相鄰，請使用.prev()。 （這應該是最快的）。

$('#mybtn1').on('click', function(){ 
    alert($(this).prev('select').attr('id')); 
}); 

這得到了前面的元素。

如果<select>是<button>後，那麼你可以這樣找到它：

$('#mybtn1').on('click', function(){ 
    alert($(this).next('select').attr('id')); 
}); 

如果有一個機會，將有介於兩者之間，你可以使用.siblings():

$('#mybtn1').on('click', function(){ 
var id = $(this).siblings('.YourClass').attr('id'); 
}); 

這將另一個元素讓所有的兄弟姐妹都與理想的班級一樣。