Я хочу скрыть div, если HTML-данные пусты, я хочу показать, если это не так.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

изменить, если ($ ('# stock'). Val (). Length == null) {на if (! $. Trim ($ ('# stock'). Html ()) .length) {

Answer 2

Этого можно добиться с помощью следующего кода.

 <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 завершен, вы должны проверить данные.Я не знаю точную модель, что вы возвращаете, но логика должна быть такой.