javascript - 从多个 div 中删除元素

Question

这是如何工作的，相应地 div3 和 div4 中只能有 2 个元素。所以我试图删除最后一个位置的元素，如果它超过 2 并且在 div4 中。但是，在删除它之后，如果它也超过 2 个，我也想从 div3 中删除最后一个元素。

Javascript:

var divdrag32 = $("#div3").length;
var divdrag42 = $("#div4").length;

if (divdrag42 > 2 || div === "div4") {
   $("#div4").find("#drag1, #drag2")[2].remove();

  } else if (divdrag32 > 2 || div === "div3") {
      $("#div3").find("#drag1, #drag2")[2].remove();
  }

上面的代码，只删除了 div4 的最后一个位置项。但它不会删除 div3 的最后一个位置项。 #drag1 和#drag2 的 id 是元素的 id(我找到的那个)

Answer 1

div3 和 div4 中的元素 ID 相同，因此在 JavaScript 中它只会删除第一次出现的给定 ID，因为在 DOM 中不允许重复的元素 ID。您需要使用不同的 ID，或者您可以使用类而不是 ID。

var divdrag32 = $("#div3").length;
var divdrag42 = $("#div4").length;

if (divdrag42 > 2 || div === "div4") {
   $("#div4").find(".drag1, .drag2")[2].remove();

  } else if (divdrag32 > 2 || div === "div3") {
      $("#div3").find(".drag1, .drag2")[2].remove();
  }