javascript - 从多个div中删除元素

这是如何工作的，因此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（一个我正在查找的ID）

最佳答案

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