啓用禁用dyanmic元素使用jquery

Question

我正在使用jquery啓用禁用輸入元素。但我uanable，從而提供具有同一類相似的元素做

的html代碼：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>   
<table> 
<tr>    
    <td> 
     <input type="text" value="1" class="price" disabled></input>  <input type="button" class="enable" value="Edit"/> 
    </td> 
    <td> 
     <input type="text" value="1" class="price" disabled></input> <input type="button" class="enable" value="Edit"/> 
    </td> 
    <td> 
     <input type="text" value="1" class="price" disabled></input> <input type="button" class="enable" value="Edit"/> 
    </td> 
</tr> 
</table> 

jQuery代碼：

$(function(){ 
$('.enable',this).click(function(){ 
    $('.price').prop('disabled',false); 
    $('.enable').prop('value','save'); 
}); 
}); 

要麼它適用於所有的箱子或它dosent工作

fiddle

Answer 1

在手柄中正確使用this [R本身

$(function(){ 
$('.enable').click(function(){ 
    $(this).prev('.price').prop('disabled',false); 
    $(this).prop('value','save'); 
}); 
});