如果HTML数据为空，我想隐藏div，如果不是，我想显示。 HTML JavaScript

Question

从列表中选择时，我将从控制器获取库存数据并显示在页面上。 但是，我首先要隐藏“我们有库存产品”的文字，我要从列表中选择值后再显示“我们有库存产品26”。 我可以显示完整的写作，也可以隐藏完整的写作。 我无法证明这取决于股票价值。

Create.cshtml

 <div id="hide">
            <label>We have <text id="stock"></text> products in stock</label>
        </div>
 $.ajax({
            success: function (data) {
                $("#stock").html(data);
                }
        });
<script>
        if ($('#stock').val().length == null) {
            $('#hide').hide();
        }
        else {
            $('#hide').show();
        }
    </script>

我的脚本代码错误。

Answer 1

您可以通过以下代码来实现。

 <div id="hide">
            <label>We have <text id="stock"></text> products in stock</label>
        </div>

<script>
         $.ajax({
            success: function (data) {
               if(data){
                     $("#stock").html(data);
               }
               else{
                   $('#hide').hide();
               }
            }

        });
    </script>

问题是，您需要检查数据是否为空。 因此，ajax完成后，您应该检查数据。 我不知道确切的模型您要返回什么，但是逻辑应该是这样的。

Answer 2

将if（$（'＃stock'）。val（）。length == null）{更改为if（！$。trim（$（'＃stock'）。html（））.length）{