jquery - 选择单击元素的上一个文本字段

Question

我有下表，一行，两列，一列我有一个文本字段，另一列有一个简单的按钮，我有文本字段“禁用”，我想启用它按下按钮.. .

 <table id="tabla_busqueda">  
 <tr>
     <td><input type="text" value="2"></td>   //This text field is disabled
     <td><button class="editar_campo">Click Me</button></td>
 </tr>
 </table

我有以下内容：

 $('body').on('click', '#tabla_busqueda .editar_campo', function(){

    $(this).prev('input[type=text]').removeAttr('disabled');

});

但它不工作

任何想法为什么？

提前致谢

Answer 1

元素包含在 中td，因此您需要进行更多遍历，并使用 prop() ：

$('body').on('click', '.editar_campo', function(){
    $(this).closest('td')
           .prev('td')
           .find('input[type="text"]')
           .prop('disabled', false);
});