首页 > 解决方案 > 标签等于特定文本时如何隐藏多个Div

问题描述

我希望当标签内容是笔记本电脑 hidden-panel2 和 hidden-panel3 时隐藏并且只显示隐藏面板。当我从应用程序中创建记录时,它工作正常,但是从数据库中添加记录时却不是。我究竟做错了什么。

<label id="AssetType"> @Html.DisplayFor(model => model.AType </label>

div 隐藏

<div id="hidden-panel">
     <label class="label">@Html.DisplayFor(model => model.LaptopProcess)</label>
</div>

<div id="hidden-panel2">
     <label class="label">@Html.DisplayFor(model => model.pcProcess)</label>
</div>

<div id="hidden-panel3">
     <label class="label">@Html.DisplayFor(model => model.phoneProcess)</label>
</div>

隐藏 Div 的脚本

$(document).ready(function () {
$("#AssetType").ready(function () {
    if ($('#AssetType').text() == 'Laptop') {
        $('#hidden-panel').show();
        $('#hidden-panel2').hide();
        $('#hidden-panel3').hide()
    }
})
});

标签: javascriptjquery.net-core

解决方案


推荐阅读