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

Limit the number of list elements to add inside a nested list jQuery

本文关键字：添加 列表元素 jQuery 嵌套 列表      更新时间：2023-09-26

Hy。我有一个列表，当我按下与特定li元素对应的"添加"按钮时，它将向该li添加一个子元素。我想限制可以添加到所有li元素的子元素的数量。例如，我希望能够在list1的右侧最多添加2个子节点。我应该能够按下list1附近的"添加"按钮，然后按下childNode1附近的"增加"按钮并在那里停止。类似于list2

我试过这样的东西：

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

但是每当我添加新的CCD_ 9时，它将输出主CCD_。JSFiddle。

你的方式是正确的。只需将其放入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

相关文章：