使用jquery启用禁用dyanmic elemets

Question

我正在使用jquery来启用禁用输入元素。但我可以为具有相同类别

的类似元素做

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

它适用于所有盒子还是它起作用

fiddle

Answer 1

在处理程序本身中正确使用this

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