javascript - 如何控制输入选择的插入顺序？

Question

我有一个包含两个元素的输入选择，我想将它们添加到 svg 容器中，以便保持两个元素的顺序。我尝试过使用像这样的 :first-child 选择器来插入

var newlayers = layer.enter();
newlayers.insert("g",":first-child")

由于使用 :first-child 选择器，输入选择中的第二个元素最终成为插入后 svg 容器中的第一个元素。我怎样才能避免这种行为？

Answer 1

好的，在以这种方式创建插入选择后，我可以使用 .sort 对元素重新排序:

var newlayers = layer.enter();
newlayers.insert("g",":first-child")
.sort(function(a,b){ return b-a; });

这会保持数据的顺序不变，而只对 DOM 中插入的元素进行重新排序。我沿着对 Enter() 本身返回的数据进行重新排序的路线，这引发了一系列新的其他问题。