如何選擇所有未選擇的節點？ D3 / JS

Question

真的很簡單，但是如何選擇所有未選擇的節點？ 我有歸類為.selectedNode的節點，如何選擇逆節點（其他所有節點）。

d3.selectAll(".selectedNode")

我想做的是將一個類應用於所有未選擇的節點以隱藏：：visible：hidden

Answer 1

這是我解決的方法:)

nodes.classed("hidden", function (d)
        {
            return d.selected ? false : true;
        });

基本上說如果它選擇不給它隱藏的類，但如果它不被選擇給它隱藏的類:)

Answer 2

嘗試使用選擇器“：not”：

3D JS代碼：

d3.selectAll("div:not(.selectedNode)").style("display", "none");

HTML

<div class="selectedNode"> <h4>Selected Node 1<h4> </div>
<div class="selectedNode"> <h4>Selected Node 2<h4> </div>
<!-- this div will be hide -->
<div class="unSelectedNode"> <h4> Unelected Node 3<h4> </div>
<div class="selectedNode"> <h4>Selected Node 4<h4> </div>
<div class="selectedNode"> <h4>Selected Node 5<h4> </div>

您可以立即嘗試： http : //jsfiddle.net/Bentayaa/dcavpdbr/

我希望這會有所幫助。

最好的祝福