追加然后删除但不删除最后输入的文本或行

我有这个简单的追加，然后删除我可以删除它的所有，但问题是我如何禁用删除，如果他们只剩下一个输入文本？追加然后删除但不删除最后输入的文本或行

我删除jQuery脚本

jQuery(document).on("click",".remove",function(){ 
    var doc = jQuery(this); 
    var remove = doc.closest(".list"); 
    var del = jQuery(".remove").length; 
    if(del < 1){ 
    remove.remove(); 
    }   
});

，如果你需要，以防万一其他细节这里是HTML

<body> 
    <div id="wrap"> 
    <ul> 
     <li class="list"><input type="text"> <a href="#" class="remove">x</a></li> 
    </ul> 
    </div> 
    <a href="#" class="add">Add</a> <a href="#" class="save">Save</a> 
    </body>

和加入jQuery脚本

jQuery(document).on("click",".add",function(){ 
    var counter = jQuery(".list").length; 
    var add = "<li class='list'><input type='text'> <a href='#' class='remove'>x</a></li>"; 
    if(counter < 10){     
     jQuery("ul").append(add); 
    }else{ 
     alert("Maximum is 10."); 
    } 
});

来源

2016-07-20 reyjoel

只要改变比来比你删除处理更大的少。

jQuery(document).on("click",".remove",function(){ 
    var doc = jQuery(this); 
    var remove = doc.closest(".list"); 
    var del = jQuery(".remove").length; 
    if(del > 1){ 
     remove.remove(); 
    }   
});

来源

2016-07-20 06:42:58 dork

谢谢先生。我现在明白了。 – reyjoel

试试这个：

var count = 1; 

$(document).on('click', '.add', function(){ 
    call your add function 
    count++; 
}); 

$(document).on('click', '.delete', function(){ 
    if(count > 1) 
    { 
     call your delete function 
     count --; 
    } 
});

来源

2016-07-20 06:34:09

如果我这样做，我不能复位例如每列表显示计数我有10个名单，然后我删除1，但数仍为10不会成为9 – reyjoel

我想是的1最小值和最大值的10列表或输入。 – reyjoel

追加然后删除但不删除最后输入的文本或行

回答

相关问题