jQuery的：選擇的$兄弟姐妹（本）

Question

我試圖讓jQuery來看看當一個元素被改變，然後運行它涉及同級像這樣的動作：

$('.row').find('#class').change(function(){ 
     $(this).siblings('#teacher').removeAttr('disabled'); 
     var class_id = $(this).val(); 
    }); 

所以當輸入與一個class的ID被改變，它將得到它的值，然後以teacher的ID影響它的兄弟姐妹。它們都在<div class="row">之內，並且在頁面上重複多次。

的HTML：

<div class="row"> 
    <div class="grid_2"> 
     <select name="class" id="class"> 
     <option></option> 
      //PHP that loads choices 
     </select> 
    </div> 

     <div class="grid_2"> 
      <select name="teacher" id="teacher" disabled="true"> 
       //Ajax loads choices 
      </select> 
     </div> 
</div> 

這是在頁面中重複多次。

我需要幫助的是如何選擇第二個選擇框，當第一個（它旁邊）改變。

感謝您的幫助。

編輯：當我嘗試console.log $(this).siblings()它帶着[]作爲結果。

Answer 1

雖然你不應該永遠具有相同ID的多個元素，如果你這樣做，你可以用一個屬性選擇器中選擇它們：

$(this).siblings('[id=teacher]'); 

欲瞭解更多信息，請參見：Several elements with the same ID responding to one CSS ID selector