如果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）{