D3 - 更新时删除元素（div）

要在D3中更新时删除元素（div），可以使用以下解决方法：

1. 使用exit()和remove()方法：在选择元素后，使用exit()方法选择要删除的元素，然后使用remove()方法将其从DOM中删除。

// 选择要更新的元素
var divs = d3.select("body")
  .selectAll("div")
  .data(data);

// 更新已存在的元素
divs.attr("class", "update");

// 删除多余的元素
divs.exit()
  .remove();

2. 使用exit().transition().remove()方法：如果你想为删除的元素添加过渡效果，可以使用exit().transition().remove()方法将其删除。

// 选择要更新的元素
var divs = d3.select("body")
  .selectAll("div")
  .data(data);

// 更新已存在的元素
divs.attr("class", "update");

// 添加新的元素
divs.enter()
  .append("div")
  .attr("class", "enter")
  .text(function(d) { return d; });

// 删除多余的元素
divs.exit()
  .transition()
  .remove();

这些方法将根据数据的数量自动添加或删除元素，并更新现有元素的属性。