如何在迭代选择时访问"this"的"previous sibling"？

Question

在下面的代码中,假设$sel是一些任意的 d3.js选择:

$sel.each(function(d, i, j) {
              var prev = ??? ;
              ...
          });

我可以替换???分配给prev由前一个兄弟this组成的d3.js选择(如果存在的话)？

(如果this是第一个孩子,因此没有先前的兄弟,应该分配一个空的d3.js选择prev.)

Answer 1

它可能很简单

var prev = d3.select(this.previousSibling);

如果您对元素节点感兴趣,那么您只会选择

var prev = d3.select(this.previousElementSibling);

d3.selectAll(".c").each(function() {
    console.log(d3.select(this));                         // Element <p class="c"></p>
    console.log(d3.select(this.previousSibling));         // text node containing whitespace between b and c
    console.log(d3.select(this.previousElementSibling));  // Element <p class="b"></p>
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div>
    <p class="a"></p>
    <p class="b"></p>
    <p class="c"></p>
    <p class="d"></p>
    <p class="e"></p>
</div>