javascript - 在计时器之后仅删除使用 jQuery 创建的最旧的元素

Question

每当单击按钮时，我都会有一艘船飞过，尽管目前它删除了屏幕上的所有船，而不是创建的最旧的船。

(function (el) {
  setTimeout(function () {
    el.children().remove('.ship');
  }, 5000);
}($('#saleShipHolder').append("<div class='ship' id='saleShip'></div>")));

它创建了船舶，附加了船舶元素，但是当船舶被删除时，问题就出现了，因为它删除了屏幕上的所有元素，而不是最旧的元素。抱歉，我发现这很难解释。

提前谢谢您。

Answer 1

为什么不封装船？

(function (el) {
    var ship = $("<div class='ship' id='saleShip'></div>");

    el.append(ship);

    setTimeout(function () {
      ship.remove();
    }, 5000);

}($('#saleShipHolder')));