使用javascript限制li标记

我发现有一种方法可以将动态添加的li标记限制为特定的数字。
例如：-
我已为用户提供添加li标签的功能，但不想提供超过3个li标签…

为“添加li”功能添加计数器。您可以找到li元素的当前数量，如下所示：

var numLis = $('#container li').length;

---

您可以将id为“x-div”的div下的所有li标记分组。然后，您可以在每次添加li元素时使用children count属性检查计数。

这样：

if($('ul.myclass li').length > 3){
    alert('Not allowed to add more li');
}

---

创建了一个示例小提琴：

尝试以下方法：

$('document').ready(function(){
    $('#add').click(function(){
        var li_count = $('#sample li').length;
        if(li_count < 3)
            $('#sample').append('<li>HELOO YOU</li>');
        else
            return false;

    });
});

$（'document'）.ready（函数（）{
$（'#添加'）。单击（函数（）{
变量li_计数=$（'#样本li'）。长度；
如果（li_计数<3）
$（“#示例”）.append（“
HELOO YOU
”）；
其他的
返回false；
});
});

您为什么需要计数器？直接与

length

属性进行比较即可。

length

属性是计数器，是。：）如果将其放入变量以使if（）语句看起来干净，则讨论不属于此处。：）

li

标签应该已经分组在一个容器中-ulYa，ul元素的id可以用于儿童计数。你能展示你的

addListTag

功能吗？如果它解决了你的问题，请接受答案：）@Hunain有人能回答这个问题吗