Javascript 将所选div限制为5？

我目前正在使用以下选项选择div：

$(".gridbox").click(function () {

$(this).toggleClass("selected");

var isSelected = $(".gridbox.selected").length > 0;
        $("#button").toggle(isSelected);
    });
});

有没有办法将所选div的数量限制为5个？我试过：

var isSelected1 = $(".gridbox.selected").length < 3;

if (typeof isSelected1 !== 'undefined') {
alert("You have selected the maximum amount.");
}

但这似乎不起作用。如果有人有任何想法，我们将不胜感激

此外，我目前正在使用以下方法选择div：

<div onclick="clicked(this);" class="gridbox" id="1"></div>

我是否可以在任何地方放置任何东西来禁止选择某个ID

非常感谢

---

干杯

这似乎实现了您的目标：

它将限制对class.gridbox的任何元素中的5个元素的选择。不仅仅是前5个元素

---

在本例中，如果使用：not，则无法选择id为disabled的元素。

这很好，谢谢。。。对问题的最后一部分有什么想法吗@BN83您可以使用：not或.not显式排除这些内容。@BN83参见更新的示例。尝试选择最后一个元素-其id已被禁用，无法使用以下选项进行选择：not@BN83不应该。这只会阻止选择标记为null的元素。没有这样的标签，所以不会引起任何问题。尽管如此，这并不意味着这样的元素不存在，它只是不可能存在。它不会存在于我正在做的事情中，所以这是完美的。谢谢你的帮助。

$(".gridbox:not(#disabled)").click(function () {
    if ($('.selected').length < 5 || $(this).hasClass('selected')) {
        $(this).toggleClass("selected");
    }
});