防止删除最后一个子级 JavaScript

Prevent delete last-child javascript

本文关键字：JavaScript 最后一个 删除      更新时间：2023-09-26

我有这个HTML代码 

<div class="form_group">
    <div id="p_scents">
    <a class="btn btn-warning btn-sm" onclick="addAffiliate()">+ Add Merchant ID</a> <a class="btn btn-danger btn-sm" onclick="deleteAffiliate()">X</a>
            <p><label for="p_scnts"><input type="text" required="true"  size="30" class="form-control" name="merchant[]" value="<?php echo $keys->affiliate ?>" placeholder="Input MerchantID" /></label>  </p>
          <p></p></div>
    <hr>

当我按X时，它将删除最后一个孩子。但我希望剩下的 1 个孩子或第一个孩子不会被删除。就像有一个警告..

爪哇语 

function addAffiliate()
{
   var scntDiv = $('#p_scents');
   var i = $('#p_scents p').size() + 1;
    $('<p><label for="p_scnts"><input type="text" required="true" id=id="p_scnt_'+i+'"size="30" class="form-control" name="merchant[]" value="" placeholder="Input MerchantID" /></label>  </p>').appendTo(scntDiv);
            i++;      
}
function deleteAffiliate()
{
     $('#p_scents p:last-child').remove();
}

检查是否存在 1 个以上的项目。 如果是这样，请将其删除。

function deleteAffiliate()
{
  var $items = $('#p_scents p');
  if ($items.length > 1) {
    $items.last().remove();
  } else {
    alert("At least 1 item must remain. Not deleting.");
  }
}
相关文章：