更改数组中间元素的样式

Question

我使用 D3.js，但遇到了另一个问题。 我得到了这个数组pat，它让我可以单击 2 个节点并将这些节点之间的最短路径存储在数组中。 现在，我创建了pat 的中间元素mid。我的目标是，改变这个元素的风格，让我们说成另一种颜色red。 但我正在努力寻找正确的解决方案。在这里你可以看到我的代码。怎么样，有人可以帮我找到解决方案。

var mid = null;

     node.on("click", function(d, i){
        var pat = start && start.pat(d) || []

        mid = pat[Math.floor((pat.length - 1) / 2)];

        node.style("fill", function(d) 
                        {
                          if (pat.includes(mid)){ return "red";}

                        });

Answer 1

我不太清楚您的代码的作用，但这是我的建议。在创建元素/节点时，为它们分配一个 id：

.attr('id', function(d){ return some.identifier }

然后在您的点击函数中，您可以选择标识符等于mid 元素的节点。

d3.select("#" + mid)
  .style("fill", "red")