jquery - jquery隐藏和显示按钮

Question

我在循环中有选择和输入按钮控件。最初输入按钮是用css属性隐藏的 display:none; 我想在jQuery的帮助下选择“选择值”更改时显示输入按钮。只有相应的输入应该是可见的，而不是全部。请帮帮我

<td>                              
    <select id="isactive" class="select_<?php echo($i++);?>">
        <option  value="single" <?php if($currentStatus == "S") echo("selected=\"true\""); ?> >Single</option>
        <option value="double" <?php if($currentStatus == "D") echo("selected=\"true\""); ?>>Double</option>
        <option value="no" <?php if($currentStatus == "N") echo("selected=\"true\""); ?>>No</option>                          
    </select>
    <input type="button" class="updatebtn" id="updateoptinbtn_<?php echo($j++);?>" value="Update" />                                  
</td>

jQuery

$(".select").change(function(){
    $("#updateoptinbtn").show();
});

Answer 1

尝试.closest()并.find()

$('select').on('change' , function(){
     $(this).closest('td').find('input[type="button"]').show();
                           //OR
    $(this).closest('td').find('.updatebtn').show();
 });

Answer 2

您的类和 id 是使用 php 动态创建的，updateoptinbtn_<?php echo($j++);?>"因此您使用的 css 选择器不是正确的选择器。请使用以下代码：

 $('select').change(function(){
     $(this).next('input[type="button"]').show();
 })