Question

HY。我有一个列表，当我按下＆＃34;添加＆＃34;与特定li元素对应的按钮，它会将子项添加到li。我想限制我可以添加到所有li元素的子项数。例如，我希望能够在list1的右侧添加最多2个子节点。我应该能够按下＆＃34;添加＆＃34; list1附近的按钮，然后＆＃34;添加＆＃34; childNode1附近的按钮，然后停在那里。与list2

类似

我试过像：

 var listItems = $('ul').children().length;;
 alert(listItems);

但每次添加新<ul>时，它都会输出主list element内的列表元素总数。 JSFiddle。

Answer 1

你的方式是正确的。只需将它放在if语句中并设置长度数。

    var childLimiter = 2;
    var listItems = $('ol').children('li').length;
    if(listItems <= childLimiter){
        $(this).parent().append('<ol><li>child node<input type="button" value="add" /></li></ol>');      
    } else {
        $(this).parent().append('<ol><li>child node</li></ol>');
    }

请参阅更新的fiddle

问候timotheus

限制要在嵌套列表jQuery中添加的列表元素的数量

1 个答案: