jQuery：選擇$（this）的同級

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]');

有關更多信息，請參見： 具有相同ID的多個元素響應一個CSS ID選擇器