JQuery - Help on .remove() function

Question

我对我的代码有问题，我只添加remove（）函数，而我在网站部分和PRM部分中只看到一个问题。

这是"问题"的视频捕获：http：//recordit.co/hgak32nwpy
当我附加项目时，我真的不想删除最后一个附加的内容，而是我的最后一部分。如果我在第一家公司上附加了2个网站，而第二家公司的另外3个网站则是这样。如果我在第一家公司上按REMOVE（）按钮，我只想将第一家公司的最后一个站点附加到最后一个网站。PRM部分的同一件事。

事先感谢您的帮助！

这是代码的JSFIDDLE

$(document).ready(function() {
  var counter = 2;
  $('#btnAdd').on('click', function() {
    $('#company').append('<li><hr> Company N°' + counter + ' <input id="siteAdd" type="button" value="Add Site" /><input id="siteRemove" type="button" value="X"/></li>');
    counter++;
  });
  $("#btnRemove").on('click', function() {
    if (counter == 2) {
      alert("You need to have at least one company !");
      return false;
    }
    $('li:last').remove();
    counter--;
  });
});
$(document).ready(function() {
  var counter = 1;
  $('#company').on('click', '#siteAdd', function() {
    $(this).closest('li').append('<p>Site N°' + counter + ' <input id="prmAdd" type="button" value="Add PRM" /><input id="prmRemove" type="button" value="X" /></p>');
    counter++;
  });
  $('#company').on('click', '#siteRemove', function() {
    if (counter == 1) {
      alert("You need to have at least one site !");
      return false;
    }
    $('p:last').remove();
    counter--;
  });
});
$(document).ready(function() {
  var counter = 1;
  $(document).on('click', '#prmAdd', function() {
    $(this).closest('li p').append('<span style="margin-left: 10px;">PRM N°' + counter + '</span>');
    counter++;
  });
  $(document).on('click', '#prmRemove', function() {
    if (counter == 1) {
      alert("You need to have at least one PRM !");
      return false;
    }
    $('span:last').remove();
    counter--;
  });
});

<div id="company">
  <li> Company N°1
<input id="siteAdd" type="button" value="Add Site" />
<input id="siteRemove" type="button" value="X" />
  </li>
</div>
<br>
<input id="btnAdd" type="button" value="+ Company" />
<input id="btnRemove" type="button" value="- Company" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

Answer 1

您总是在页面上获取最后一个P并删除它，更改以下代码

$('p:last').remove();

to

$(this).closest('li').find('p:last').remove();