Question

i have the following markup:

<form method="post" action="#">
<tr>
    <td><input class="" name="fees_word"  class="autoupdate" value=""/></td>
    <td><input class="" name="fees_figure" class="autoupdate"   value=""/></td>
    <td><button type="button" class="btn hide">Update</button></td>
</tr>
 <tr>
   <td><input class="" name="fees_word"  class="autoupdate" value=""/></td>
    <td><input class="" name="fees_figure" class="autoupdate"   value=""/></td>
    <td><button type="button" class="btn hide">Update</button></td>
</tr>
 </form>

onkeyup对任何输入，我想改变同一表格行中的按钮类，并显示它。

尝试了这个：

<script>
$('input').keyup(function(){
  var val = $(this).val();
  $(this).next('button').removeClass('hide');
});
</script>

但没有运气，我怎么能做到这一点。谢谢你

Answer 1

您应首先使用closest获取相应的表格行，然后在其中find一个按钮：

$('input').keyup(function() {
  var val = $(this).val();
  $(this).closest('tr').find('.btn').removeClass('hide');
});

您不能使用next方法，因为输入字段和按钮不是兄弟元素（他们有不同的父母）。

使用jquery获取下一个按钮元素

1 个答案: