Question

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

我的删除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.");
    }
});

Answer 1

只需将小于大于你的删除处理程序。

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();
    }         
});

Answer 2

试试这个：

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 --;
    }
});

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

2 个答案: