jquery+cssプロパティフィルタ選択

jquery+cssプロパティフィルタ選択

ページが需要をループする必要がある場合、tableのtrであると仮定します.ループループであるため、tr、tdのid、class、または他の属性ごとに名前を付けることはできません.この場合、エンティティクラスのidなどの変化属性を使用して、tr、tdのid、class、または他の属性に名前を付けることができます.たとえば、div_エンティティクラスid,‘div’は接頭辞名のみであり,任意に名前を付けることができる;''分割に使用され、他の特殊文字も使用できます.
html:

@foreach (var s in Model.RoleList)
    {
                  
            class="text-center">
                "[email protected]">@s.name                
            
            class="text-center">
                "[email protected]">@s.describe               
            
            class="text-center">
                type="button" class="btn btn-xs btn-info" id="[email protected]" value=" " style="display: inline-block;">
                type="button" class="btn btn-xs btn-info" id="[email protected]" value=" " style="display: none;"> 
                type="button" class="btn btn-xs btn-success" id="[email protected]" value=" " style="display: none;">
                 type="button" class="btn btn-xs btn-danger" id="[email protected]" value=" " style="display: inline-block;">
            
        

    }

js:

     // id 'editOnly_' input 
     $("input[id^='editOnly_']").click(function () {
        // id, ，num[1] tr id
        var num = $(this).attr("id").split("_");
        $("#editOnly_" + num[1]).hide();
        $("#sp_" + num[1]).hide();
        $("#sp2_" + num[1]).hide();
        $("#del_" + num[1]).hide();
        $("#saveOnly_" + num[1]).show();
        $("#cancel_" + num[1]).show();
        $("#div_" + num[1]).show();
        $("#div2_" + num[1]).show();
    });