jQuery:如何在追加3项后隐藏按钮(添加更多)，如果从3项中移除一项则显示按钮

在jQuery中，可以使用以下步骤来实现在追加3项后隐藏按钮（添加更多），如果从3项中移除一项则显示按钮：

1. 首先，给按钮添加一个唯一的ID，以便能够通过ID选择器来操作该按钮。例如，给按钮添加ID为"add-more-btn"。
2. 使用一个计数器变量来跟踪已添加的项数。初始化计数器为0。
3. 当点击按钮时，执行以下操作：
   • 增加计数器的值。
   • 追加一项到目标位置。
   • 如果计数器的值等于3，则隐藏按钮。
   • 更新按钮的状态。

下面是一个示例代码：

$(document).ready(function() {
  var counter = 0;
  var addButton = $('#add-more-btn');

  addButton.click(function() {
    counter++;
    var newItem = $('<div>新项</div>').appendTo('#target');

    if (counter === 3) {
      addButton.hide();
    }
  });

  $('#target').on('click', 'div', function() {
    $(this).remove();
    counter--;

    if (counter < 3) {
      addButton.show();
    }
  });
});

在上述代码中，我们假设目标位置的ID为"target"，每次点击按钮时，会向目标位置追加一个新的<div>元素作为新项。当点击新项时，会将其从目标位置中移除，并更新计数器的值。如果计数器的值小于3，则显示按钮。

这个示例中使用了jQuery的click()方法来监听按钮的点击事件，appendTo()方法来将新项追加到目标位置，hide()和show()方法来隐藏和显示按钮，on()方法来监听新项的点击事件。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。