在document.ready函数上隐藏带有类x的按钮

Question

我在我的应用程序中使用kendo自定义命令，我想显示每个记录的添加按钮，当用户点击它时，程序替换添加按钮删除...我没有在document.ready管理，但管理在$（document.body）中做...现在我想隐藏与类k-grid-remove的删除按钮，但我正在努力做到像

$("td >.k-grid-Remove").hide(); in document.ready(function()...

网格代码

@(Html.Kendo().Grid<DatabaseLayer.TableMappings.FeeZone>()
.Name("FeeZoneGrid_02")
.Columns(columns =>
{
  columns.Bound(c => c.FeeZoneID);
  columns.Bound(c => c.FeeZoneDescription);
  columns.Command(
    command =>
      {

          command.Custom("Add").SendDataKeys(true).Click("AddFeeZoneToScheme");

          command.Custom("Remove").SendDataKeys(true).Click("RemoveFeeZoneFromScheme");
      }
     );
   })

 .Selectable(selectable => selectable
     .Mode(GridSelectionMode.Single))
 .DataSource(dataSource => dataSource
     .Ajax()
     .Read(read => read.Action("GetAllFreeZone", "Qualification"))
     .Model(model => model.Id(c => c.FeeZoneID))
)
)

HTML输出

 ........
<td role="gridcell">

<a class="k-button k-button-icontext k-grid-Add" href="#"></a>
<a class="k-button k-button-icontext k-grid-Remove" href="#"></a>

</td>

JQuery的

<script type="text/javascript">

 $(document.body).on('click', 'td > .k-grid-Add', function () {

        $(this).hide();

        $(this).siblings(".k-grid-Remove").show();
    });

    $(document.body).on('click', 'td > .k-grid-Remove', function () {

        $(this).hide();

        $(this).siblings(".k-grid-Add").show();
    });
});

</script>

我想要实现的是当用户单击添加按钮时，它取代了删除按钮，反之亦然...在我在网格自定义命令中显示的运动

非常感谢

Answer 1

替代：

$(document).ready(function(){
    $('.x').css('display', 'none');
});

Answer 2

我找到了答案

           command.Custom("Remove").SendDataKeys(true).Click("RemoveFeeZoneFromScheme").HtmlAttributes(new { style="display: none;"});