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

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