Javascript 改变<;td>;使用IF条件初始化或隐藏jQuery插件可编辑
我有一个表,其中一列使用JQuery插件editable,如果另一列的条件适用,我想将其隐藏,或者如果该单元格的值为null,也可以将其隐藏 下表:Javascript 改变<;td>;使用IF条件初始化或隐藏jQuery插件可编辑,javascript,c#,jquery,datatable,bootstrap-4,Javascript,C#,Jquery,Datatable,Bootstrap 4,我有一个表,其中一列使用JQuery插件editable,如果另一列的条件适用,我想将其隐藏,或者如果该单元格的值为null,也可以将其隐藏 下表: <td> @Html.DisplayFor(modelItem => item.number) </td> <td class="editSelect" data-id="@item.ID" data-pro
<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>
在这种情况下,实现这一点的最佳方法是什么?您应该将
元素放入if条件中(这样,如果条件不为true,它将不存在:
@if (item.number == 1)
{
<td class="editSelect" data-id="@item.ID" data-propertyname="action">
@Html.DisplayFor(modelItem => item.Name)
</td>
}
@if(item.number==1)
{
@DisplayFor(modelItem=>item.Name)
}
如果您只是想隐藏它:
@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>
}
@if(item.number==1)
{
@DisplayFor(modelItem=>item.Name)
}
其他的
{
}
@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>
}