Question

我的代码有问题，我只是添加了一些remove（）函数，我只看到了网站部分和PRM部分的一个问题。

以下是＆＃34;问题的视频捕捉＆＃34; ：http://recordit.co/HGak32nwpy
当我追加物品时，我并不想删除附加的最后一个，而是我的最后一部分。例如，如果我在第一家公司附加2个站点，在第二家公司附加3个站点。如果我按下第一家公司的删除（）按钮，我只想追加第一家公司的最后一个网站，而不是最后一个公司。 PRM部分也是如此。

提前感谢您的帮助！

Here is a JSFiddle for the code

＆＃13;

alter *table_name* modify column *column_name* *datatype*

＆＃13;

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

＆＃13;

Answer 1

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

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

到

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

JQuery - 帮助.remove（）函数

1 个答案: