테이블의 드롭 다운 선택에 따라 텍스트 필드에 "사용 안 함"속성을 추가하려면 어떻게해야합니까?

해당 행의 특정 드롭 다운이 선택된 경우에만 필요한 각 행에 필드가 있습니다. 따라서 값 1을 선택하면 비활성화됩니다.

내가 가진 것은 다음과 같습니다.

Jquery :

<script>
    $(document).ready(function () {
        $('.Selecter').change(function () {
            var $this = $(this); 
            var $row = $this.closest("tr").find('.accountNumber');
            if (this.value == "1") {
                $('#row').attr("disabled", "disabled");
            } else {
                return false;
            }
        });
    });

</script>

HTML :

<table>
<tr>
<td>
<select id="Select1" class="Selecter">
<option value="">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>

</select>
</td>
<td>
<input type="text" class="accountNumber"/>
</td>
</tr>

<tr>
<td>
<select id="select2" class="Selecter">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>

</select>
</td>
<td>
<input type="text" class="accountNumber" />
</td>
</tr>
</table>

바이올린 : https://jsfiddle.net/8efeyhc5/2/