无法使用jquery显示/隐藏方式下拉列表

当存在多个具有相同类或id的下拉列表时，jquery显示/隐藏下拉列表不起作用。 当“更改”下拉列表影响所有图元时。 请帮帮我

$（文档）.ready（函数（）{
$（“.gatewayname”）.hide（）；
$（“.bankname”）.show（）；
$（“.paytype”）.on（“更改”，函数（）{
var val=$（this.val（）；
如果（val==“银行”）{
$（“.gatewayname”）.hide（）；
$（“.bankname”）.show（）；
}否则{
$（“.gatewayname”）.show（）；
$（“.bankname”）.hide（）；
}
});
});

网上银行



Paypaloption value=“Card”>卡

网上银行



Paypaloption value=“Card”>卡

网上银行



Paypaloption value=“Card”>卡

您需要使用$（this）、最近的（）和查找（）


或者您可以使用$（this）和nextAll（）

@Kral-请接受此答案，以向其他读者表明此答案解决了您的具体问题。
$(document).ready(function(){
     $(".gatewayname").hide();
     $(".bankname").show();
    $(".paytype").on("change", function() { 
        var val = $(this).val();
           if (val === "bank"){
                $(this).closest('td').find(".gatewayname").hide();
                $(this).closest('td').find(".bankname").show();
            }else{
                $(this).closest('td').find(".gatewayname").show();
                $(this).closest('td').find(".bankname").hide();
            }
    });
});

$(document).ready(function(){
     $(".gatewayname").hide();
     $(".bankname").show();
    $(".paytype").on("change", function() { 
        var val = $(this).val();
           if (val === "bank"){
                $(this).nextAll(".gatewayname").hide();
                $(this).nextAll(".bankname").show();
            }else{
                $(this).nextAll(".gatewayname").show();
                $(this).nextAll(".bankname").hide();
            }
    });
});