禁用表格行中的输入，具体取决于选择

Question

我有一个动态添加行的表，每行都有相同的选择和输入，我想禁用类＆＃34; di＆＃34;在每一行，取决于所选的值...如果我选择＆＃34;草案COA＆＃34;禁用类di的同一行中的输入，否则不会....

这是表格

............
<tr>
    <td class="tg-ugh9">
<select name="activity[]" class="activity">
<option value="">-- Select Activity --</option>
<option value="Issuing">Analysis</option>
<option value="Analysis">Supervision</option>
<option value="Review">Review</option>
<option value="Draft COA">Draft COA</option>
<option value="COA Approval">COA Approval</option>
</select>
</td>


<td class="tg-ugh9">
<input id="dp1415022676235" class="date di hasDatepicker" name="datei[]" type="text">
</td>

<td class="tg-ugh9">
<input id="dp1415022676236" class="date dr hasDatepicker" name="dater[]" type="text">
</td>

<td><a href="#remove_row" id="remove_row"> -Remove</a></td>
</tr><tr><td colspan="3"></td><td></td><td colspan="3"><input id="save_su" value="Submit" class="submit-button" type="button"></td></tr>

这是我到目前为止所遇到的问题是，尽管选择了值

，但所有行都会发生这种功能

   $(document).on('change','.activity',function(){
            value =$('.activity option:selected').val();
            $('#sample_req').val(id);
            if(value == 'Draft COA'){
               $(this).closest('tr').find('.di').prop('disabled','disabled').val('N/A') ;
            }
        });