使用javascript限制li标签

Question

我有办法将动态添加的li标签限制为特定的数字 例如： -
我已经让用户能够添加li标签但不想提供超过3个li标签...

Answer 1

在“添加li”功能中添加一个计数器。你可以找到这样的li元素的当前数量：

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

Answer 2

创建了一个示例小提琴：HERE

尝试类似：

$('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;

    });
});

Answer 3

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

Answer 4

这样：

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