使用 IF 条件更改 <td> 类或隐藏 jQuery 插件可编辑答案

【问题标题】：Change <td> class with IF condition or hide jQuery plugin editable使用 IF 条件更改 <td> 类或隐藏 jQuery 插件可编辑
【发布时间】：2020-03-26 12:45:40
【问题描述】：

我有一个表，其中一列使用可编辑的 JQuery 插件，如果另一列的条件适用，我想隐藏它，或者如果该单元格的值为空，我也可以隐藏它。

桌子：

            <td>
                @Html.DisplayFor(modelItem => item.number)
            </td>

            <td class="editSelect" data-id="@item.ID" data-propertyname="action">

                @if (item.number == 1)
                {
                    @Html.DisplayFor(modelItem => item.Name)
                }
                else
                {
                    item.Name = null;
                }
            </td>

jQuery 插件：

$('.editSelect').editable('/path', {
   ...code
}

在这种情况下，实现这一目标的最佳方法是什么？

【问题讨论】：

标签： javascript c# jquery datatable bootstrap-4

【解决方案1】：

你应该把你的 <td> 元素放在你的 if 条件中（这样如果条件不成立，它就不会存在：

@if (item.number == 1)
{
    <td class="editSelect" data-id="@item.ID" data-propertyname="action">        
    @Html.DisplayFor(modelItem => item.Name)
    </td>
}

如果你只是想隐藏它：

@if (item.number == 1)
{
     <td class="editSelect" data-id="@item.ID" data-propertyname="action">  
     @Html.DisplayFor(modelItem => item.Name)
     </td>
}
else
{
     <td style="display:none" class="editSelect" data-id="@item.ID" data-propertyname="action">   
     </td>
}

【讨论】：