Trung tâm cá nhân
sách gpt4 ai đã đi

jquery - 如何限制可以制作的克隆数量

In lại 作者：搜寻专家 更新时间：2023-10-31 22:36:43 25 4
mua khóa gpt4 Nike

我对 div 元素使用 clone() Và remove()。我怎样才能做一个克隆限制？例如，我最多可以克隆 10 个 div 元素。

$('.wrapper').on('click', '.remove', function() {
  $('.remove').closest('.wrapper').find('.element').not(':first').last().remove();
});
$('.wrapper').on('click', '.clone', function() {
  $('.clone').closest('.wrapper').find('.element').first().clone().appendTo('.results');
});
thân hình {
  padding: 1em;
}
.element {
  background: #eee;
  width: 200px;
  height: 40px;
  padding: 20px 20px 0;
  căn chỉnh văn bản: ở giữa;
  margin: 5px 0;
}
.buttons {
  clear: both;
  margin-top: 10px;
}

1 Câu trả lời

要完成此工作，您可以在克隆下一个元素之前检查 .result .element 元素的数量。如果数量达到限制，请不要执行克隆操作。

请注意，在下面的示例中，我将限制设置为 2 以使测试更容易，并且我还对选择器进行了一些更改以使其更加简洁。

$('.wrapper').on('click', '.remove', function() {
  $(this).closest('.wrapper').find('.element:not(:first):last').remove();
  setCloneButtonVisibility();
});

var cloneLimit = 2;

$('.wrapper').on('click', '.clone', function() {
  if ($('.results .element').length <= cloneLimit) { // just to make testing easier
    $(this).closest('.wrapper').find('.element:first').clone().appendTo('.results');
  }
  setCloneButtonVisibility();
});

function setCloneButtonVisibility() {
  $('.wrapper .clone').toggle($('.results .element').length < cloneLimit);
}
thân hình {
  padding: 1em;
}

.element {
  background: #eee;
  width: 200px;
  height: 40px;
  padding: 20px 20px 0;
  căn chỉnh văn bản: ở giữa;
  margin: 5px 0;
}

.buttons {
  clear: both;
  margin-top: 10px;
}

关于jquery - 如何限制可以制作的克隆数量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52851245/

25 4 0
Bài viết được đề xuất: ios - 临时分发添加新设备
Bài viết được đề xuất: node.js - 错误 : Nock: No match for request
Bài viết được đề xuất: ios - 如何触发iOS应用程序开始离线识别语音命令？
Bài viết được đề xuất: Lệnh Git Bash trên Windows, lệnh yarn không tìm thấy
搜寻专家
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com