Если оператор игнорируется JQuery

Question

Когда я нажимаю кнопку, функция идет правильно, но оператор if игнорируется. Дисплей может содержать только 4 символа.

Jquery

$(document).ready(function() { 
    $(".nummer").click(function() { 

     if ($("#display").val().length > 4) { 
      alert("test"); 
     } else { 

      var nummer = $(this).text(); 

      $("#display").append(nummer); 
     } 

    }); 
}); 

HTML

<div id="display"> </div> 
<div id="toetsen"> 
    <ul> 
     <li><a class="nummer" href="#" id="knop1">1</a></li> 
     <li><a class="nummer" href="#" id="knop2">2</a></li> 
     <li><a class="nummer" href="#" id="knop3">3</a></li> 
    </ul> 

Answer 1

Вы должны использовать text() для дивы

if ($("#display").text().length > 4) 
{ 
    alert("test"); 
} 

Answer 2

Вы должны использовать text, чтобы получить внутреннюю Te х из #display:

if ($.trim($("#display").text()).length > 4) { 

val используется для получения value входов.

trim удалит лишние пробелы от начала и конца строки.

Answer 3

Использование .text() для DIV, val() используется для ввода элементов ...