If语句忽略JQuery

当我单击一个按钮时，函数正常运行，但我的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>

您需要为div使用

---

您应该使用

文本

获取

显示屏的内部文本

：

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

val

用于获取输入的

值

trim
将删除字符串开头和结尾的多余空格。
对div使用
.text（）
，对输入元素使用
val（）
。
哇，你的答案和我的一样，甚至更好，但有人否决了你为什么否决？请在这里添加评论。你可以给你的答案添加一些颜色，让它对更多的人有用。教人钓鱼！
if ($.trim($("#display").text()).length > 4) {